{"id":9502,"date":"2020-02-25T15:57:46","date_gmt":"2020-02-25T21:57:46","guid":{"rendered":"https:\/\/www.mrc-productivity.com\/docs\/?page_id=9502"},"modified":"2025-03-18T10:45:06","modified_gmt":"2025-03-18T15:45:06","slug":"m-painter-source-mode-features","status":"publish","type":"ht_kb","link":"https:\/\/www.mrc-productivity.com\/docs\/knowledge-base\/m-painter-source-mode-features","title":{"rendered":"m-Painter Source Mode Features"},"content":{"rendered":"\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\">Click <a href=\"https:\/\/www.mrc-productivity.com\/legacy\/m-painter-source-mode-features\">here<\/a> to access legacy documentation for this feature<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Overview<\/h2>\n\n\n\n<p>This document&#8217;s aim is to cover some of the notable features now available within the HTML editor\/source mode via m-Painter.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Editor Features<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Basic Features Improved<\/h3>\n\n\n\n<p>Finding, replacing, indenting, and formatting the layout overall are significantly improved within this text editor.<\/p>\n\n\n\n<p>Use the <kbd>CTRL <\/kbd>+ <kbd>F<\/kbd> keys to bring up the find and replace tool:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/docs\/images\/findreplace.png\" alt=\"\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Improved organization of application asset files<\/h3>\n\n\n\n<p>Best practice coding includes separating application assets (CSS and JavaScript) away from the application\u2019s HTML. m-Painter lets you do this. Via the source mode, click the JS or CSS tab, and a new window will appear. This separate file will be invoked by your application but the resulting code will be located in a different file. This file will be located in either \/mrcclasses\/DATADICTIONARY\/APP\/js or \/mrcclasses\/DATADICTIONARY\/APP\/css. <\/p>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon\">Promote to production will automatically promote these files during a typical promotion event.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"\/docs\/vue-images\/sourcePanels.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" src=\"\/docs\/vue-images\/sourcePanels.jpg\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Section collapse\/expand<\/h3>\n\n\n\n<p>You can quickly collapse any section of code by finding the first line of that section. Directly between the line number and the text, you will find a chevron pointing down. Clicking on that arrow, will cause that entire section of HTML to collapse into a single line. Repeat the process to expand said selection.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/docs\/images\/chevron.png\" alt=\"\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Theming<\/h3>\n\n\n\n<p>This editor comes with 3 standard themes: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>VS: (White)<\/li>\n\n\n\n<li>VS-Dark (Black) &#8211; <strong>Default<\/strong><\/li>\n\n\n\n<li>HC-Black (High Contrast Black)<\/li>\n<\/ul>\n\n\n\n<p>The default option may be set per Data Dictionary in Admin -&gt; Dictionary Configuration -&gt; Interface and Build Settings -&gt; via the &#8220;<em>mrc Editor Theme<\/em>&#8221; property.<\/p>\n\n\n\n<p><img decoding=\"async\" src=\"\/docs\/images\/vs_theme.png\" alt=\"\"><\/p>\n\n\n\n<p>Should individual developers want to set their own default theme that is different than the dictionary default, they may do so directly in the m-Painter source of any application they are working in:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"\/docs\/vue-images\/sourceTheme.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" src=\"\/docs\/vue-images\/sourceTheme.jpg\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Overview This document&#8217;s aim is to cover some of the notable features now available within the HTML editor\/source mode via m-Painter. Editor Features Basic Features Improved Finding, replacing, indenting, and formatting the layout overall are significantly improved within this text editor. Use the CTRL + F keys to bring up&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[255],"ht-kb-tag":[],"class_list":["post-9502","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-mpainter"],"_links":{"self":[{"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb\/9502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/comments?post=9502"}],"version-history":[{"count":16,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb\/9502\/revisions"}],"predecessor-version":[{"id":14564,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb\/9502\/revisions\/14564"}],"wp:attachment":[{"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/media?parent=9502"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=9502"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=9502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}