Codeable info

Beef Up Your Visual Editor With Ultimate TinyMCE

Posted on by in Plugins

Installing Ultimate TinyMCE is like pumping your site’s visual editor full of steroids. For those bloggers who are not fond of (or unable to) blog strictly in the HTML editor, this WordPress plugin can be extremely helpful. In fact, it opens up a whole new arsenal of tools, functions, and helpful tricks that those unfamiliar or uncomfortable with code would find challenging if not impossible to do otherwise. And it’s free!


Ultimate TinyMCE Plugin

As usual, if you want to install this plugin you will first need to head over to the Plugin Directory and download the Ultimate TinyMCE zipped file. Next, go to your WordPress Admin > Plugins > Add New > Upload and install the plugin. Once installed, activate the plugin.


Upon activation you will notice a new option under Settings in your admin side bar called “Ultimate TinyMCE.


Click on this new option and you will be brought to the Ultimate TinyMCE Admin Settings Page. This page looks a bit intimidating but it’s actually quite the opposite. There’s just a lot of options. Fortunately there is a very helpful video under the “Getting Started” tab as well as really helpful “Help” buttons (the tiny blue question marks) next to each button option explaining (with screenshots) what that particular button can do. What this means is that getting started and adding buttons is as easy as selecting the check-box under enable next to each new feature you’d like to add to your visual editor and then saving the settings.


My Thoughts

I don’t typically use the visual editor when I blog because I’ve found that the automatic formatting, such as the added

 < div >

when you hit enter, does not always play nice with my current theme’s formatting or that of the blog I’m working for. So as a rule, I’ve just become used to doing all of my WordPress blogging in the HTML tab. But I must say, this plugin is really cool. Some of the features cheese me out a bit (like the animated smiley faces) but that’s just personal taste and a sort of fluff feature anyways. What I really like about this plugin is that it gives the average user – especially anyone who isn’t good with code – a major power boost in what they are able to easily accomplish within a blog post.

Here are a few of my favorite features:

The YouTube button makes embedding a YouTube video in a post as easy as copying and pasting the share link under any YouTube video into this pop-up.


Similarly, the EmbedMedia button just requires that you copy and paste any embeddable html code into this embed window. In this example a Google Map was used.



The Code Magic button is awesome. It highlights html syntax so that it displays similarly to how it might in programs like DreamWeaver.


And finally, there’s the Image Map button which allows you to map multiple link hotspots onto a single image.


Obviously, this just the tip of the ice burg. Because this plugin is so well documented with help buttons, video tutorials, and screenshots within the admin panel, I will leave further exploration up to you. You can download Ultimate TinyMCE here.

Codeable info

Comments (2)

Comment by Michael Scott says:

Hi Josh,

Keep making good products and we will be happy to share them with our readers;)

Michael Scott

Comment by Josh Lobe says:

Hey there. Ultimate Tinymce developer here. Thank you for this awesome write-up!! I really appreciate you taking the time to make such an awesome post to help share this plugin with the community.

You rock!!

Codeable info