This plugin hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Average WYSIWYG Helper

Description

Notice
Average is changing its name to AddFunc (good thing). Therefore, this plugin has been improved and republished as AddFunc WYSIWYG Helper. 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!

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/WYSIWYM (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:

  • p
  • div
  • ol
  • ul
  • li
  • span*

*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 Other Notes tab for details.

Custom Support

If you have a custom support need, please purchase your support ticket here. Support tickets are responded to within 24 hours, but we answer them as soon as possible.

How it works

  1. Purchase a support ticket for via PayPal
  2. You get a chance to provide the best way to contact you and a description of your need
  3. I contact you as soon as I can (no less than 24 hours) and help resolve your issue

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!

Screenshots

  • Average WYSIWYG Helper uses color classification to make elements easily recognizable.

  • These tiny labels clue you in on what the colored highlights are indicating.

  • Average 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 the simple Options page.

  • Includes a help tab for quick and easy reference.

Installation

  1. Upload the entire average-wysiwyg-helper directory to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Turn on the settings you want to use in Settings > WYSIWYG Helper

FAQ

I activated the plugin and nothing happened.

All options are turned OFF by default (subject to change in a future release). Be sure to turn ON the ones you want to use in Settings > WYSIWYG Helper.

Does it really require WordPress 3.0.1 or later?

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! 🙂

Does Average have a website

Not yet. Soon young grasshopper. Soon.

Contributors & Developers

“Average WYSIWYG Helper” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

2.2.1

18-Feb-2015

  • Adds notice about the new AddFunc WYSIWYG Helper (yeah, it’s just a plug, but you’ll definitely want to know about the AddFunc version—it makes so much more sense)

2.2

15-Sep-2014

  • Fixes gallery edit/delete buttons in WordPress 4.0

2.1

8-Sep-2014

  • Fixes image edit/delete buttons in WordPress 4.0

2.0

5-Aug-2014

  • Adds Help Tab on Post/Page/etc. editing pages (any Post type) when Show WYSIWYM option is checked/on
  • Adds link to buy custom support ticket

1.0

22-Jul-2014

  • Includes readme.txt
  • includes screenshots
  • Submitted to WordPress repository

0.5

12-May-2014

  • Accomidates for new gallery editing features of WordPress 3.9 (doesn’t apply highlighting styles to image editor elements)

0.4

19-Apr-2014

  • Accomidates for new image editing features of WordPress 3.9 (doesn’t apply highlighting styles to image editor elements)
  • Got the “flip-switch” style to work on the checkboxes if the Average admin.css file is loaded from the Average theme (not yet released)

0.3

10-Feb-2014

  • Improves the highlighter, making it more obvious and more reliable, using an outline rule

0.2

6-Jan-2014

  • Adds admin controls to turn off Average WYSIWYG Helper features
  • Adds ability to turn on Overrides (for overriding certain default styles — so far just WP captions)

0.1

30-Dec-2013

  • Adds a stylesheet to the default WYSIWYG (TinyMCE), which Reveals all of the HTML elements comprehensively, while maintaining edibility as well as any theme styles (in most cases).