arickards

tinyWYM Editor was created to help inexperienced WordPress users create cleaner, more semantic markup, and to avoid some of the pitfalls of WordPress’s standard WYSIWYG editor. It does this by labelling and highlighting all HTML elements in the editor, creating a visual representation of the HTML being generated.
tinyWYM Editor also gives more experience users all the control and flexibility of the text editor without having to leave the visual editor. Create and edit any HTML element, add attributes, and wrap or unwrap elements all from the visual editor.
See the <a href="https://wordpress.org/plugins/tinywym-editor/screenshots/" title="Screenshots" rel="ugc">Screenshots</a> and <a href="https://wordpress.org/plugins/tinywym-editor/faq/" title="Frequently Asked Questions" rel="ugc">FAQ</a> sections for details on how to use tinyWYM Editor.

tinyWYM Editor

At long last: Now we can see the container hierarchy while editing visually, and manipulate it too!
The plugin author is quick to respond, clear friendly and helpful.
Unreserved recommendation!



Fantastic

Convert WordPress's WYSIWYG editor into a WYSIWYM editor. Add and edit any HTML tag and attribute from the visual editor.

Joe Rhoney

average.technology

<blockquote>
Notice 
 Average is changing its name to AddFunc (good thing). Therefore, this plugin has been improved and republished as <a href="https://wordpress.org/plugins/addfunc-wysiwyg-helper" rel="ugc">AddFunc WYSIWYG Helper</a>. In the “AddFunc version”, the WYSIWYG Helper settings are a user preference rather than a universal preference that can only be managed by an Administrator. The “AddFunc version” is compatible with the “Average version,” so installation and activation is risk-free. Just deactivate the old one, install/activate the new one, turn it on in your user profile preferences and you’re done. Switching to the “AddFunc version” is optional. The “Average version” will remain available with minimal support until it becomes a burden for AddFunc (probably for many years to come, as of 2015). Any new features will only be added to the “AddFunc version,” so it is of course the recommended version (at least moving forward). Thanks!
</blockquote>
Average 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/<a href="http://mcs.open.ac.uk/nlg/old_projects/wysiwym/" rel="nofollow ugc">WYSIWYM</a> (What You See Is What You Mean) combination. With the WYSIWYM option turned on, the following elements are highlighted with a colored border and label:
<ul>
<li>p</li>
<li>div</li>
<li>ol</li>
<li>ul</li>
<li>li</li>
<li>span*</li>
</ul>
*Span are highlighted without a label, but even more prominently, 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.
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.
Average WYSIWYG Helper also provides an option to cancel out certain default styles in the WYSIWYG, such as the caption box/border.
Note: It is suggested that Editor’s use a browser that supports CSS3 for best results.
Custom support tickets are available
See <a href="https://wordpress.org/plugins/average-wysiwyg-helper/other_notes/" rel="ugc">Other Notes</a> tab for details.
<h3>Custom Support</h3>
If you have a custom support need, <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=7AF7P3TFKQ2C2" rel="nofollow ugc">please purchase your support ticket here</a>. Support tickets are responded to within 24 hours, but we answer them as soon as possible.
How it works
<ol>
<li><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=7AF7P3TFKQ2C2" rel="nofollow ugc">Purchase a support ticket for via PayPal</a></li>
<li>You get a chance to provide the best way to contact you and a description of your need</li>
<li>I contact you as soon as I can (no less than 24 hours) and help resolve your issue</li>
</ol>
Note: This is for custom needs for help, not problems with the plugin, or instructions that should already be explain in the description. If you feel there are important details omitted from the description, installation steps, etc. of the plugin, please report them in the Support forum. Thanks!

Average WYSIWYG Helper

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).

tinyWYM Editor vs Average WYSIWYG Helper