jeremyweathers

<p>We frequently prefer to use the visual editor to quickly draft new posts, and then polish the markup in the HTML editor before publishing. We’ve wasted hours cleaning up existing content that was mangled because <em>someone</em> switched over to the visual editor.</p>
<p>We wanted to make sure that existing content would be safe from mangling, but we still wanted the convenience of the visual editor.</p>
<p>This plugin automatically blocks the visual editor – on a per-post basis – only when the post is published.</p>
<p>This plugin does not rely on, or override, per-user settings. This plugin does not rely on per-post settings. This automated strategy works well for us – give it a try!</p>


Disable Visual Editor When Published

This plugin make writing codes within the WordPress posts much easier! I used it with SyntaxHighlighter Evolved plugin and it was awesome!



This is the plugin!

This plugin allows the visual editor for drafts, and then removes the visual editor (regardless of user settings) when content is published.

Themeover

Ahrale

Jose Luis Cruz

<p>A light-weight yet powerful visual editor to customize the CSS styling of any aspect of your site, from Google fonts to responsive layouts. Microthemer caters for both coders and non-coders, and plays really well with page builders like Elementor, Beaver Builder, and Oxygen.</p>
<h4>Feature list</h4>
<ol>
<li>Style anything</li>
<li>Use with any theme or plugin</li>
<li>Point & click visual styling</li>
<li>Code editor (CSS, Sass, JS)</li>
<li>Sync code editor with the UI</li>
<li>Customisable breakpoints</li>
<li>HTML and CSS inspection</li>
<li>150+ CSS properties</li>
<li>Dark or light theme</li>
<li>Custom toolbar layouts</li>
<li>Work with any CSS unit</li>
<li>Color picker with palettes</li>
<li>Slider, mousewheel, keyboard adjustments</li>
<li>In-program CSS reference</li>
<li>History</li>
<li>Draft mode</li>
<li>Global or page-specific styling</li>
<li>Import & export</li>
<li>Light-weight</li>
<li>Minify CSS code</li>
<li>Keyboard shortcuts</li>
<li>Deep integration with Elementor, Beaver Builder, Oxygen</li>
<li>Multisite support</li>
<li>Uninstall MT, but keep your edits</li>
<li><strong>[Pro]</strong> CSS grid (drag & drop)</li>
<li><strong>[Pro]</strong> Flexbox</li>
<li><strong>[Pro]</strong> Stock SVG mask images</li>
<li><strong>[Pro]</strong> Transform</li>
<li><strong>[Pro]</strong> Animation</li>
<li><strong>[Pro]</strong> Transition</li>
</ol>
<h4>Lite VS Pro</h4>
<p>This lite version limits you styling 15 things, and doesn’t include the features marked [Pro] in the list above. To unlock the full program, you can <a href="https://themeover.com/" rel="nofollow ugc">purchase a license</a> (monthly, annual, or lifetime).</p>
<h4>Useful links</h4>
<ul>
<li><a href="https://themeover.com/" rel="nofollow ugc">Website</a></li>
<li><a href="https://themeover.com/introducing-microthemer-7/" rel="nofollow ugc">Video docs</a></li>
<li><a href="https://livedemo.themeover.com/setting-up-demo-site/?create_demo" rel="nofollow ugc">Live demo</a></li>
<li><a href="https://themeover.com/forum/" rel="nofollow ugc">Support forum</a></li>
<li><a href="https://www.facebook.com/groups/microthemer" rel="nofollow ugc">Facebook group</a></li>
</ul>
<h4>Author note</h4>
<p>Hello everyone, my name is Sebastian. I’ve designed Microthemer for developers as well as beginners. My aim is to level up beginners by exposing the CSS code Microthemer generates when using the visual controls. This is of course helpful for developers who may wish to make manual edits. Some developers use Microthemer as an in-browser CSS or Sass editor, and just lean on the interface for element selection or more advanced properties like filters, grid, and animation.</p>
<p>I’ve been happily developing Microthemer and supporting users of varying technical experience in my forum for many years now. I’m always ready to answer questions about the software and help out with CSS hurdles. Please don’t hesitate to get in touch!</p>


Microthemer Lite – Visual Editor to Customize CSS

A visual editor to customize the CSS styling of anything on your site - from Google fonts to responsive layouts.

Disable Visual Editor When Published vs Microthemer Lite – Visual Editor to Customize CSS