Ultimate TinyMCE “Visual Editor Upgrade”

Let me begin by admitting I hardly ever use the visual editor in WordPress when creating my blog posts and pages.  I prefer the HTML editor.  With that being said, I do a lot of work for people who only use the visual editor on their sites.  Often, I get asked how to make certain text a different color, or how to add a background color, or how to insert a page anchor. If this sounds like you, then you should absolutely take a look at the following plugin!

I wrote this plugin for those people who prefer using the visual editor. This plugin will add extreme formatting power and options to the buttons in the “Visual” mode when creating posts or pages.

Features ¦ Addons ¦ Donate ¦ Additional Resources ¦ Support Forum

Features:

  • Included powerful upgrades to the image and link insertion buttons. Now you create mouseover and mouseout effects, and even add your own popup javascript windows when a user clicks a link.
  • Now featuring Emoticons! Currently included are the default 16 wordpress emoticons, as well as 32 new emoticons… with many more on the way.
  • Powerful editor buttons for font properties; now you can add your own custom CSS using drop-down menus. No need for mucking around in HTML.
  • Cut, Copy, and Paste
  • Inserting a Horizontal Ruler
  • Choose a background color
  • Choose a foreground color
  • Insert page anchors
  • Add and edit individual tables and their properties.
  • Search and replace text.
  • Too many features to list!

Do I really need another plugin?


If you use the visual editor to create all your fabulous content, and have longed for a way to extend it’s basic functionality… then the answer is Absolutely!

The filesize is extremely small; requires no additional javascript or jquery codes; and will run consistently on any theme out there.

Please feel free to comment on this page with questions, comments, or suggestions for future upgrades.

You may download this plugin from the WordPress Repository HERE.

Advanced Add-ons:


I also develop advanced add-ons designed to integrate with my Ultimate TinyMCE Plugin (although they do work individually as well). These add-ons will give you advanced control over certain features of the tinymce editor in WordPress.


Ultimate Tinymce Advanced Configuration

The tinymce editor for WordPress can be expanded and customized far beyond what’s available with the default installation. I have dedicated most of my time to working with the editor, and finding ways to improve it’s functionality. One problem I continuously encounter, is the settings for the editor… how do I know what each person will want?

This plugin will allow an advanced customization of the editor. It can be used with or without my Ultimate Tinymce plugin… although the customization options are GREATLY increased when using with Ultimate Tinymce.

Visit the Ultimate Tinymce Advanced Configuration plugin page for more information.


Ultimate Google Webfonts

This add-on will allow you to select any number of Google Webfonts from their website, and import them for use in your wordpress site.  A truly “one-step” process to import any number of selected fonts.  This plugin is better than any other out there because of these three reasons combined:

  1. It adds the font to the front end of your site.
  2. It adds the font in the editor window so you actually see what you get.
  3. It adds the name of the font, as well as a preview, in the font selector dropdown box.

You can find out more on the Ultimate Google Webfonts Plugin wesite.


Ultimate Tinymce Custom Styles

Ultimate Custom Styles

This add-on will allow you to add predefined custom styles into the style select dropdown button in the visual editor. Your clients will love the ability to choose custom styles from a dropdown list, rather than mucking about in HTML and CSS.

  1. Custom Styles are applied to content in the visual editor.
  2. The Custom Styles are also applied to the front-end content.
  3. This plugin is bridging the gap for a true wysiwyg experience.

You can find out more on the Ultimate Custom Styles Plugin website.


Predefined Custom Styles

Here is an addon which requires no user input. Instead, this plugin will add over 80, that’s right (EIGHTY),  predefined custom styles to the dropdown box.

  1. The custom styles are available via the styleselect dropdown box.
  2. Selected styles are immediately rendered on the editor box.
  3. Selected styles are also rendered identically on the front-end of the website.
  4. Bridging the gap to a true “what you see is what you get” experience.

You can find out more on the Ultimate Tinymce Predefined Styles website.


WP Admin Colors

WP Admin Colors

This plugin will allow the user to choose from six unique stylesheets to apply to the admin dashboard. It was designed to extend the color selector in the tinymce editor area.

  1. Choose from the same six color schemes available in Ultimate Tinymce.
  2. Plans to add at least six more color options; for a total of twelve.
  3. Styles are rendered on every admin page, giving a truly unique viewing experience.

You can find out more on the WP Admin Colors website.

Additional Resources:


Max Foundry has written an amazing tutorial for adding Google Webfonts to other, “Custom”, instances of the TinyMCE editor. You can check his guide HERE.

Kenneth Odle has created a sample page showing some of the features of this plugin in action; his page can be found HERE.

Robert Reilly has shown us an excellent example using this plugins “page anchors” feature. Check out the webpage HERE. Note the floating div container on the right-hand side of your screen as you scroll down the page. Very cool!!

Support Forums:


My page and my inbox are beginning to get a lot of comments and help requests regarding this plugin. So, I have set up a support forum to help with this plugin, and also to help with wordpress in general. Please go check it out for additional help and resources:

Josh Lobe’s Ultimate TinyMCE and WordPress Support Forum

Here is an ongoing list of my video tutorials available on YouTube:

Testimonials:


I spent all last night playing with your Tinymce plugin. What a joy! Boy, have I been doing things the hard way! I loved your tooltips for the different settings. Not only were they informative, but fun! You seemed like a real “person” – not a “manual” of difficult to understand techie language! Bravo for an awesome plugin – I will certainly share it with others! I only regret having worked so long without it!

Misty Paradise, CA

Was this plugin helpful to you?


Any donation is helpful (and greatly appreciated) in continuing to maintain my website and continue my support to the community.

[break]

279 thoughts on “Ultimate TinyMCE “Visual Editor Upgrade”

  • Pingback: Antivirus Software Blog » Ultimate TinyMCE 5.0

  • September 10, 2013 at 1:06 pm
    Permalink

    Hi Josh,

    I am having difficulty creating an image map using the image map feature within Ultimate tinymce. I click on my image, select the image map icon, draw my bounding box, fill in the target url and save my draft, but when I test it in Preview, the selected area doesn’t map. I’m using WP 3.6. and my TinyMCE is always up to date.

    I’m also trying to set a default editing font. A while back you suggested I activate the “content.css” option, then I was supposed to read the associated help file, but I can’t find it.

    Thanks for all your help.

    Hillary

    Reply
    • September 15, 2013 at 2:22 am
      Permalink

      Hi Hilary, sorry for the delay.

      Please use my Support Forum. You will get MUCH faster responses over there.

      Thank you!

      Reply
  • August 29, 2013 at 3:06 am
    Permalink

    I am doing image map through ultimate tinymce map editor. I am facing a problem , the problem is Image is not display on Image map editor popup.

    Reply
    • September 15, 2013 at 2:23 am
      Permalink

      Please use my Support Forum for plugin support questions. You will get MUCH faster responses over there.

      Thank you!

      Reply
  • June 17, 2013 at 11:01 am
    Permalink

    Nice plugin,
    However, the plugin does not work when I Connect Jetpack to WordPress.com!!
    The editor does not show! My solution currently is to disable Jetpack,
    Any ideas?

    Reply
  • June 4, 2013 at 3:55 pm
    Permalink

    Great plugin, but I can’t seem to set line height for a font.. how is it done?

    Reply
  • May 10, 2013 at 12:41 pm
    Permalink

    How can I give DOUBLE LINE SPACING?

    Reply
  • May 10, 2013 at 12:30 pm
    Permalink

    Nice plugin!
    How can I make use of line spacing (to give single,double line space to texts) with this plugin?

    Reply
    • May 10, 2013 at 12:54 pm
      Permalink

      Hi,

      1. To “double-space”, simply click the “enter” button on your keyboard.
      2. To “single-space”, hold down the “Shift” key while you press “Enter”.

      Reply
  • April 4, 2013 at 8:54 am
    Permalink

    WARNING – Ultimate Tinymce is broken. The version 4.3.1.1 added content delivery network codes to my website. It completely reset the stylesheet on my site and added it’s own.

    Reply
    • April 30, 2013 at 3:42 pm
      Permalink

      Ultimate Tinymce is not broken. Contact me personally if you have any issues.

      Reply
  • December 29, 2012 at 8:27 am
    Permalink

    Hey Josh..
    how we can use this plugin for comment area?

    Reply
  • Pingback: Para crear un blog, ¿Blogger o Wordpress? | DOKUMENTALISTAS

  • Pingback: Welche WordPress-Plugins sind sinnvoll/notwendig?

  • November 12, 2012 at 9:59 pm
    Permalink

    Hi Josh,

    I have just tried to contact you through the contact form, but the captcha would not load, so I could not post my request.

    I have installed Ultimate TinyMCE plugin on to my blog. I have also installed WP Super Edit Plugin on the blog. The first time Ultimate TinyMCE got installed fine, and I started customising the functions. When I got to the last set of functions, the plugin crashed, and I got the following message:

    Fatal error: Cannot use assign-op operators with overloaded objects nor string offsets in /home/xxxxxxxxxxxxxxxx on line 51

    I could not get into the blog at all after that, and had to go to the files via FTP to delete the plugin. I could not delete everything – the empty directory with a couple of sub-directories are still there, and I have renamed them using just letters of the alphabet, since I thought that the presence of the directory with the name of the plugin would interfere with the installation.

    So I went to install the plugin again twice, with the same error message. Went to delete the files via FTP, and again – the files got deleted, but not the folder with the name of the plugin. Now I think I have 4 or 5 folders as a result of several failed attempts to install the plugin. In fact, the last time I disabled the WP Super Edit plugin, but still with the same result, and with another folder and sub-folders in the plugins directory.

    I am not sure what I am doing wrong, and how to make the plugin work. Would appreciate your help. Many thanks!

    Best wishes,

    Galina

    Reply
  • November 5, 2012 at 10:49 am
    Permalink

    Will this plug-in totally replace the visual editor that is there or will it just add to it? I am using a theme that has it’s own button (with dropdown menu) that is added on to the original visual editor and I would not want that to disappear. Thank you.

    Reply
    • November 5, 2012 at 10:54 am
      Permalink

      Hello Carolyn,

      No, your added buttons will be safe while using this editor. I have coded and designed this plugin so that none of the options are enabled by default. This means that every option of the plugin must be “enabled” first. This dramatically reduces the possibility of conflicting with other plugins or themes.

      So yes, the theme buttons (and any plugin buttons) will still work with this editor installed.

      Lastly, just for clarification… this plugin doesn’t “replace” the default editor. It “expands” and “modifies” the functionality.

      Reply
  • Pingback: Antivirus Software Blog » Ultimate TinyMCE 3.3

Leave a Reply

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