Highlights prominent HTML elements in the WYSIWYG editor, to help Editors see what they're editing. Sort of a WYSIWYM (the M is for mean).
AddFunc WYSIWYG Helper is a lightweight plugin that uses CSS to highlight prominent HTML elements in the default WYSIWYG editor (Tiny MCE), to help Editors see what they’re editing. This in effect creates a sort of combination WYSIWYG/WYSIWYM (What You See Is What You Mean) combination. With the WYSIWYM option turned on in your user profile, the following elements are highlighted with a colored border and label:
*Span and code elements are highlighted without labels. For span elements, this is to help make them more prominent, so they are easy to spot. This can help Editors keep the code clean, as they can see where they need to remove unwanted styling using the style eraser button. For code elements, we do this because WordPress apparently always wraps these within another element, treating it as inline, rather than a block. The labels can only be workable on block elements.
Your theme can still apply an editor-style.css stylesheet. In most cases, the WYSIWYG will still reflect how the content will look on the front end of the live website.
AddFunc WYSIWYG Helper also provides an option to cancel out certain default styles in the WYSIWYG, such as the caption box/border.
Unlike it’s predecessor, Average WYSIWYG Helper, these settings are not on a universal options page that applies to all users. Each user can enable/disable these options on his/her user profile settings page under the heading “WYSIWYG Helper”.
Note: It is suggested that Editor’s using the WYSIWYM use a browser that supports CSS3 for best results.
addfunc-wysiwyg-helper
directory to the /wp-content/plugins/
directoryAddFunc WYSIWYG Helper uses color classification to make elements easily recognizable.
These tiny labels clue you in on what the colored highlights are indicating.
AddFunc WYSIWYG Helper doesn't interfere with WordPress' default image and gallery editing features. Also, notice this caption has no default WordPress style border.
Sneaky elements, revealed!
This is what the simple user profile preferences look like.
Includes a help tab for quick and easy reference.
All options are disabled by default. Be sure to enable the ones you want to use in Profile (of if you’re an Administrator: Users > Your Profile > WYSIWYG Helper).
Average WYSIWYG Helper has one central options page that applies to all users. AddFunc WYSIWYG Helper settings are set on individual user profiles, applying only to the user account one is setting the options for. This difference however, is sort of an update to the plugin, just being released simultaneous to another big change, which is that the project name “Average” is being changed to “AddFunc”.
I have not tested it on earlier versions. In fact, I could use help with testing. Feel free to try it out in an earlier version and let me know if it works! ๐
Not yet. Soon young padawan. Soon.
6-Jul-2017
<section>
elements24-May-2016
<figure>
<article>
<aside>
<header>
and <footer>
elements30-Mar-2016
<pre>
and <code>
elements<div>
(box) indicating character from “V” to “D”. We hope this doesn’t upset anyone. Reasons for the change: 5-Feb-2015
27-Jan-2015
15-Sep-2014
8-Sep-2014
5-Aug-2014
22-Jul-2014
12-May-2014
19-Apr-2014
10-Feb-2014
6-Jan-2014
30-Dec-2013