spacer
Visit Josh Lobe's Twitter page Visit Josh Lobe's Facebook page Visit Josh Lobe's RSS page Visit Josh Lobe's YouTube page

« Using Mozilla Firebug to inspect .css files

Video Tutorial: Creating a child theme in WordPress »

Ultimate TinyMCE “Visual Editor Upgrade”

Categories:

Front Page, Graphene, Ultimate TinyMCE Plugin, WordPress

October 3, 2011

spacer

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 ¦ Screenshots ¦ Plugin ¦ 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!

ScreenShots


Screenshot 1

spacer

Screenshot 2

spacer

Screenshot 3

spacer

Screenshot 4

spacer

Screenshot 5

spacer

Screenshot 6

spacer

Screenshot 7

spacer

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.

spacer

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. 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; or you may purchase the plugin directly for the introductory price of $4.95(USD) by clicking the button below.

Buy Now 4.95 USD

spacer

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 fron-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; or you may purchase the plugin directly for the introductory price of $8.95(USD) by clicking the button below.

Buy Now 8.95 USD

spacer

Predefined Custom Styles – Here is an addon which requires no user input. Instead, this plugin will add over 30 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. Or, you may download the plugin directly by clicking one of the following two links. (View Screenshots)

Download this link if you do NOT currently have a “styles” dropdown selector in your editor; or if you are NOT using my Ultimate Tinymce plugin.

Buy Now 3.95 USD

Download this link if you already have a “styles” dropdown selector in your editor; or if you are currently using the Ultimate Tinymce plugin (which already includes the button).

Buy Now 3.95 USD

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

gipoco.com is neither affiliated with the authors of this page nor responsible for its contents. This is a safe-cache copy of the original web site.