squarecandy

<h4>Overview</h4>
<p>WordPress is awesome, but some of the TinyMCE rich text editing options that come out of the box are not ideal for less web-savvy editors and clients.  This plugin provides some modifications to the standard editor buttons and features that will make it easier for clients to have as all the formatting options that are good for them and remove options that can break a custom site design.</p>
<h4>Features</h4>
<ul>
<li>Removes the toggle advanced button.  This is confusing to many users who can’t find the features they are looking for. Just provides 1 row of editor buttons.</li>
<li>Removes features such as strike through, underline (should be reserved for links online, not emphasis), full justification (generally looks bad online, but clients like to use it), and several other less used and confusing features.</li>
<li>Simplifies the dropdown list of heading and block types available.</li>
<li>Adds several formats that can be added to a paragraph
<ul>
<li>Button – add this format to a paragraph to make the links into “call to action” buttons</li>
<li>Small – a format for create a paragraph of smaller text, such as a “terms & conditions” section.</li>
<li>Big – enlarge the text of a certain paragraph.  This helps client not mis-use heading elements for entire paragraphs when they want slightly larger text for emphasis.</li>
</ul>
</li>
<li>Limits color palette in the text colorpicker to grayscale only by default.</li>
<li>Allows for adding up to 4 custom colors that compliment the site’s design and branding that the user may use. (Under Settings > Writing)</li>
<li>Adds the current theme’s style.css to the editor to make what you see in TinyMCE match the live site better</li>
<li>Allows for adding additional css files to the editor styles.  These could be external resources such as google font stylesheets, additional theme css you want to load in the editor, or a custom stylesheet. Just add the URL you want to add in the Additional CSS field under Settings > Writing. For multiple files separate the files by comma with no spaces.</li>
</ul>
<h4>Scope</h4>
<p>As the description states, this plugin makes <strong>opinionated</strong> changes to the default setup. I don’t plan to grow this into a bulkier plugin that allows you to modify and customize all aspects of TinyMCE.  Try <a href="https://wordpress.org/plugins/tinymce-advanced/" rel="ugc">TinyMCE Advanced</a> or other existing plugins for that purpose.</p>


Square Candy TinyMCE Reboot

An opinionated reconfiguration of the default WordPress TinyMCE settings.

turtlepod

<p><strong><a href="http://genbumedia.com/plugins/fx-editor/" rel="nofollow ugc">f(x) Editor</a></strong> is a plugin to enhance your content editing experience by enabling WordPress features such as Page Break and Text Background Color/Highlight.</p>
<p>You can also easily create information boxes, colorful buttons, and columns to make your content richer and engage to your audience more.</p>
<p>After installation of this plugin, you can enable each features by navigating to “Settings > Visual Editor” menu in your administration panel.</p>
<p><strong>Features:</strong></p>
<ol>
<li>Easy settings to disable/enable features.</li>
<li>Create boxes (Note, Alert, Error, Downloads) via visual editor.</li>
<li>Create buttons (White, Black, Red, Green, Blue) via visual editor.</li>
<li>Create columns ( up to 3 columns: “1/2 – 1/2” ; “1/3 – 2/3” ; “2/3 – 1/3” ; “1/3 – 1/3 – 1/3” ) via visual editor.</li>
<li>Add page break button.</li>
<li>Add line break <br/> button.</li>
<li>Enable text background color option (not only text color).</li>
<li>Switch paragraph to BR(line break).</li>
<li>Easy to use. No shortcode to remember.</li>
<li>The GPL v2.0 or later license. 🙂 Use it to make something cool.</li>
<li>Support available at <a href="https://genbumedia.com/contact/" rel="nofollow ugc">Genbu Media</a>.<br />
Notes for developer: </li>
</ol>
<h4>Github</h4>
<p>Development of this plugin is hosted at <a href="https://github.com/turtlepod/fx-editor" rel="nofollow ugc">GitHub</a>. Pull request and bug reports are welcome.</p>
<h4>Options</h4>
<p>This plugin save the options in single option name: <code>fx-editor</code>.</p>
<h4>Scripts</h4>
<p>This plugin load one CSS in site front-end and one css in editor. If you are a theme author and want to override the styling it is recommended to remove the CSS and add the CSS in your theme stylesheet and editor style CSS.</p>
<p>To disable the front end CSS, add this code in your theme functions.php:</p>
<pre><code>add_filter( 'fx_editor_load_front_css', '__return_false' );
</code></pre>
<p>and then you can copy the CSS “css/front.css” to your theme style.css and make adjustment as needed.</p>
<p>To disable the back-end/editor CSS, add this code in your theme functions.php:</p>
<pre><code>add_filter( 'fx_editor_load_editor_css', '__return_false' );
</code></pre>
<p>And then you can copy the CSS “css/editor.css” to your theme editor styles and make adjustment as needed. Note: You need to make sure all the needed elements such as “remove icon” and “columns info” are styled properly to make sure user can properly edit the content.</p>
<p>For coder module, there are separate filters to disable it:</p>
<pre><code>add_filter( 'fx_editor_load_coder_editor_css', '__return_false' );
add_filter( 'fx_editor_load_coder_front_css', '__return_false' );
add_filter( 'fx_editor_load_coder_front_js', '__return_false' );
</code></pre>


f(x) Editor

I was using your WP Editor Columns Add-on plugin in some of my sites. Much to my surprise I found that you merged all your old WP-Editor plugins together in this really nice plugin. No awful shortcodes anywhere!



Nice!

Power-up Your WordPress Visual Editor with Boxes, Buttons, Columns, and more...

Square Candy TinyMCE Reboot vs f(x) Editor