Ultimate Tinymce Classes and IDs

Ultimate Tinymce Classes and IDs is a plugin for WordPress TinyMCE which enables the usage of CSS classes and CSS ids on any HTML element within TinyMCE. Together with an external CSS file, Ultimate Tinymce Classes and IDs bridges the (visual) gap between the content entered through TinyMCE and the actual output.

Ultimate Tinymce Classes and IDs takes it to the next level by letting you set these CSS styles, based on CSS Class Selectors and CSS ID Selectors, on any element, giving the user more power on the visual representation then ever before (imagine one being able to choose 20 different classes or a handful of ids to apply on p elements with the ease of a click).

Anytime a user adjusts any class or id via the dropdown select boxes, the changes are applied real-time right in the content visual editor window.

Online Demonstration

 

Single Site License Multi Site License
[paiddownloads id=”13″] [paiddownloads id=”14″]
Single Installation Unlimited Installations

Screenshot:

NOTES:

  • This plugin will require the user (administrator) to create an external stylesheet which will be used to populate the dropdown boxes.
  • This external stylesheet will be loaded ONLY in the editor window, so all styles in this stylesheet MUST ALSO be duplicated in the front-end stylesheet (usually the themes folder).
  • An example stylesheet is included with the plugin. Please modify this one to your needs, keeping the name intact. Remember, the name of the stylesheet CAN NOT be changed… but the contents can.
  • This stylsheet can be found in the “wp-content/plugins/ultimate-tinymce-classes-ids/css/” directory, and is named “classes_and_ids.css”.
  • Please use my Support Forum to join the community and share ideas regarding this plugin.
Single Site License Multi Site License
[paiddownloads id=”13″] [paiddownloads id=”14″]
Single Installation Unlimited Installations

Screenshot:

2 thoughts on “Ultimate Tinymce Classes and IDs

  • July 26, 2012 at 7:02 pm
    Permalink

    Hi there

    I was tryin Ultimate tinymiceMCE out and I can’t understand something. I know that I have set the font on my pages to 14 but often when I come back to edit the site days later the fonts are seem on some pages to revert to the generic words “font size” and so I reset them to 14 and the same thing happens – can you think what is causing this?

    Thanks

    Reply
    • July 29, 2012 at 3:11 pm
      Permalink

      Hmm, I’m not sure. Why don’t you post over on my support forum, and we can get a few “voices” in on the matter.

      Reply

Leave a Reply

Your email address will not be published. Required fields are marked *