TinyMCE Advanced

This plugin will let you add, remove and arrange the buttons that are shown on the Visual Editor toolbar. It includes 15 plugins for TinyMCE that are automatically enabled or disabled depending on what buttons are chosen.

Some of the features added by this plugin:

  • Support for creating and editing tables.
  • More options when inserting lists.
  • Search and Replace in the editor.
  • Ability to set Font Family and Font Size.
  • And many others.

Changelog.

Translations

The plugin’s interface in only in English (for now), but the TinyMCE plugins are translated in all languages supported by WordPress.

Download

The latest stable version of TinyMCE Advanced.

All previous versions are available here as well as the development version (all bug-fixes and new features would be there first).

Manual Installation

    1. Download.
    2. Unzip.
    3. Upload the “tinymce-advanced” folder to the WordPress’ plugins directory at “wp-content/plugins”. Make sure all of the plugin’s files are directly in that folder (not in a nested folder inside it).
    4. Activate the plugin.
    5. Set your button preferences at “Settings -> TinyMCE Advanced”.
    6. Try your new and improved wysiwyg editor (after clearing your browser’s cache).

How to change editor buttons

This example shows how to add the Font Sizes and Font Family drop-down buttons to the third toolbar row.

settings page

Open the settings page.

add-buttons

Drag the buttons to any toolbar row.

row-3

Font Sizes and Font Family buttons added to the third toolbar row.

And finally don’t forget to click on Save Changes :)

Frequently Asked Questions

  • On the admin page: cannot sort the TinyMCE buttons, they are not moving, toolbars are empty, other errors on the page…

This is usually caused by another plugin adding incompatible JavaScript library to all pages instead only where needed. The workaround is to try and find which plugin is doing that, then disable it temporarily until all TinyMCE buttons are arranged.

If that’s not the case try some general Javascript troubleshooting: clear the cache, try another browser, try another computer if possible, delete and re-upload all of the plugin’s files, and finally install Firefox with Firebug or Opera, note the first js error (important) and post it below or search the Internet to see what’s causing it.

  • Arranged the buttons and saved them but nothing is changed in the visual editor on the Write page.

Click on the “Uninstall” button (next to the Save button) and then on “Continue”. Then deactivate and activate the plugin again. This will reset all settings stored in the database. Also be sure to force-refresh (with Ctrl/Shift) your browser couple of times on both the plugin’s admin page and on the Write page.

  • Some buttons are missing from TinyMCE’s menus, or no toolbar(s) appear at all, or TinyMCE behaves strange after installing the plugin.

Almost all of these problems are caused by the browser’s cache, or network cache. Clear your browser’s cache, quit the browser, then start it and try again. If the problem persists, try reloading the page while holding down Ctrl (in IE) or Shift (in Firefox) to make the browser reload the page from the server. This can also be caused by a network cache somewhere between you and your web host. Just wait for a few hours for it to expire.

  • I don’t see any styles being imported in the “Styles” drop-down menu.

These styles (just the classes) are imported from your current theme’s editor-style.css file. However some themes don’t include that file. For this case follow the instructions on TinyMCE Avdanced’s settings page to add your own editor-style.css file to your theme. When defining the styles there keep in mind that TinyMCE would import only class names:

.my_class{}
.my_other_class{}
  • I’ve just installed this plugin, but it doesn’t do anything.

Log out of WordPress, clear your browser’s cache, quit and restart the browser and try again. If that does not work, there may be a caching proxy or network cache somewhere between you and your host. You may need to wait for a few hours until this cache expires.

  • When I add “Smilies”, they do not show in the editor.

The “Emotions” button in TinyMCE adds the codes for the smilies. The actual images are added by WordPress when viewing the Post/Page. Make sure the checkbox “Convert emoticons to graphics on display” in “Options -> Writing” is checked.

  • The plugin doesn’t add any buttons and the “Visual” and “HTML” tabs are missing.

Make sure the “Disable the visual editor when writing” checkbox under “Users->Your Profile” is unchecked.

  •  The “More Colors” dialog is missing

This is a change in TinyMCE 4.0. By default is includes only pre-defined colors. If you prefer to select custom colors, try the TinyMCE Color Picker plugin.

  • Some of the image options (margins, CSS classes) are missing.

Try the Advanced Image Styles plugin.

1436 Comments

  • #1436 by Marvin January 22, 2015 at: 10:38 am

    Hi – I have a question, probably basic, but hey … just learning!

    I’m using wordpress and my support guy has just changed me from tinyMCE to the WP Edit plug in following what appears to be a prompt from WordPress. TinyMCE Advanced plug-in still resides and is “live” on my WordPress Admin Plug-in screen.

    Question – should this be replaced too ? with similar WP Edit enhanced sister Plug in or does TinyMTCE Advanced work and function autonomously?

  • #1435 by Marvin January 22, 2015 at: 10:36 am

    Hi – I have a question, probably basic, but hey … just learning!

    I’m using wordpress and my support guy has just changed me from tinyMCE to the WP Edit plug in following what appears to be a prompt from WordPress. TinyMCE Advanced plug-in still resides and is “live” on my WordPress Admin Plug-in screen.

    Question – should this be replaced too ? with similar WP Edit enhanced sister Plug in or does TinyMTCE Advanced work and function autonomously?

    Thanks in advance for your help

  • #1434 by Ryan January 21, 2015 at: 2:24 pm

    Since mid-December, our site keeps crashing every time we try to add or update a post with TinyMCE Advanced. For the site to come back online we have to exit the dashboard altogether, wait 10-15 minutes until it comes back. We tried deactivating all the plugins and then reactivating them again. This worked last week when we added a post, a couple days ago morning when we tried to add another post it crashed. We’re sure there must be something off in the code of this plugin, because it’s not our computers, not the browsers, not the server, not WP, not an increase in traffic, not the website cache and not the theme. TinyMCE Advanced (Version 4.1.7) was updated a month ago and is compatible with our version of WP. What seems to be the problem?

  • #1433 by Joe C January 18, 2015 at: 1:30 am

    Hi,

    I have installed your TinyMCE Advanced plugin and found it very helpful. One thing I can’t seem to do is to assign intermediate font sizes to text. There are sections of text I wish to format as Italics and font size 11. The font size is only altered when set to either size 10 or size 12. When I set it to size 11 it changes and looks the same as size 12. Is there a way to change this ? How can I set my font size to 11 ?

    Thank you.

  • #1432 by Dennis December 15, 2014 at: 2:07 am

    The plugin is not compatible with Page Builder 2.0

  • #1431 by Erwin Odendaal December 2, 2014 at: 1:12 am

    Hi,

    I’m also trying to add styles to the visual editor, and no luck here.
    I’ve created an editor-style.css-file.
    Added several styles like:
    .more_link {}
    .more-link-too {}
    .go {}
    Added these styles to the style.css-file like:
    .more_link { font-size: 1em; }
    .more-link-too { font-size: 2em; }
    .go { font-size: 3em; }
    Emptied my cache. Tried another browser. But noting shows up in the editor…

  • #1430 by amirkashani November 30, 2014 at: 10:57 am

    hi i am translated this plugin for persian langs if you want send email for me until i will send mo files

  • #1429 by Mike November 26, 2014 at: 12:18 pm

    I like the tinymce advanced editor plugin a lot, but it has a shared “feature” with the tinymce editor I’d like to see eliminated.

    When you switch between “text” and “visual” mode the screen position doesn’t remain the same. Imagine you want to paste a PayPal button into your screen right >here<. So you scroll there, click there, switch modes and…. you're at the top of the screen.

    Positional stability would be a HUGE step forwards!

    Thanks!
    Mike

  • #1428 by Andrew November 16, 2014 at: 10:48 am

    @ludvik this looks like a nice plugin. It should work together with TinyMCE Advanced well. The only caveat is that it adds the “Inline quote” button before the “Quote” button, but only on the first row, so if you move the “Quote” button to another toolbar row it won’t work.

    @Richard this is usually caused by JS errors (look in the browser console). In very rare cases it can be caused by some plugin or WordPress failing to upgrade properly. Best way to debug is to look in the browser tools (press F12 to open them) for either JS errors or files that are missing/404s.

    @lexsto same as above: check the browser tools/console for errors. If none, go to the plugin’s settings page and save the settings again. If you see any errors, paste the first error message in a new comment plz.

    @AreQ the ID on any element can be used as an anchor. If you are using <a> tags, make sure they don’t have href or target attributes.

    @Ruud you mean to keep the “white space”? Unfortunately no. The editor parses the DOM into a HTML string, it doesn’t know if there were spaces. Also white space including line breaks don’t matter in HTML.

    @Yvesd try the “Toolbars Toggle” button, usually the last one on the first row.

    @Auriel Kitsu hmmm, as far as I see the theme doesn’t touch the visual editor, doesn’t even have an editor-style.css file. As long as TinyMCE Advanced is enabled and the checkbox is selected, it should show you the more font sizes. Try disabling and re-enabling the plugin and re-saving the options again.

    @Flo think that all browsers now support the MP4 video format and QuickTime lets you save your movies as .mp4. Directly embedding .mov files requires browser plugin to play, that hasn’t changed?

    @Godet I’ve heard of this happening a few times, can’t reproduce it here though. Hopefully it is fixed in the updated ‘table’ plugin that will be in the new version (coming out together with WordPress 4.1 in early December).

    @Rene Wolf thanks! Sure will fix these and update the pot file shortly. YOu’ll need to download the development version to get the changes before the next release.

  • #1427 by Rene Wolf November 14, 2014 at: 2:36 am

    Hi Andrew !

    A wonderful plugin.

    I’m doing the German translation for the plugin. Mir is an error notice:
    – tadv_admin.php line 441
    is missing for ‘So enable:’ ‘tinymce-advanced’
    – tadv_admin.php line 22
    change from ‘installation or download an %solder version of the plugin%s.’
    to ‘installation or download an %s older version of the plugin %s.’

    Can you make the plugin description translatable?

    Regards