Follow for free plugins, new theme releases and theme news
Plugin Description
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 Screenshots and FAQ sections for details on how to use tinyWYM Editor.
Screenshots
Wordpress editor without tinyWYM installed: Everything looks okay, but…
With tinyWYM installed: empty tags and superfluous markup revealed.
tinyWYM Editor converts WordPress’s WYSIWYG editor into a WYSIWYM editor.
Create any HTML tag from selection: Select text then click the button or hit Ctrl+T.
Wrap the current element in a new HTML element: Place caret in element you want to wrap, then click the button or hit Ctrl+T.
Wrap multiple elements in a new HTML element: Select elements you want to wrap, then click the button or hit Ctrl+T.
Enter the new HTML tag name and any attributes you want it to have, then click ‘Okay’.
Elements are now wrapped in a new tag.
Edit any element: Alt+Click any element then edit its tag and attributes.
Toggle tinyWYM on and off with the button or ctrl+W.
