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 is translated in only a few languages (for now), but the TinyMCE buttons and dialogs 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.

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

Try the Advanced Image Styles plugin.

1,451 thoughts on “TinyMCE Advanced”

  1. Dear Andrew,

    thank you very much for this plugin, I use it since many years and especially the function to stop removing the p tags is making the html editor really usable, I don’t understand the sense of WP’s default behaviour, it must be awful for every programmer.

    Now I started using a wonderful perfect theme with a pagebuilder … perfect besides the fact that their builder is adding an empty text box and <p tags with nbsp at each update click. So for the moment I cannot use my HTML editor and the Theme which is such a pity.

    I found a super simple solution, to add remove_filter (’the_content’, ‘wpautop’); to functions.php, which is said to do the trick, but still whenever switching from html to visual back to html editor my tags are gone. I don't yet even understand the principles behind, who is removing what, who is adding what, there is the autop thing, then the tinymce doing things. After many hours of research and solutions not working that are supposed to, I am lost.

    I thought of asking you as THE expert in this field if you have a clue what could cause this behavior of the theme, so i can give them a point to fix it, or if you could tell me how to simply make WP stop removing the p and br tags so i still see them in my html editor. I think the theme problem comes from adding things, so if i just stop the removing behaviour, the theme might be happy and me as well.

    Thank you very much
    Sofian

  2. Trying to use anchor links in TinyMCE Advanced.
    But my settings for TinyMCE Advanced does not offer a check box for Advanced Settings.

    Have uninstalled and reinstalled the Plugin, to no avail.
    Thank you for your help!

    1. Don’t think there are any advanced settings for anchors: http://www.tinymce.com/tryit/basic.php (Anchor is under the Insert menu). Not sure there can be any either, anchors are obsolete and consist of an empty A tag with a name or id attribute.

      You may be looking at some old screenshots or old features that were relevant years ago :)

  3. Problem with anchors.
    After I have set an anchor and update the page the anchor disappears completely, also in html.
    I try again and oh wonder it works!
    What can I do?
    greetings Karl

    1. That’s odd. Reports of similar problems keep coming, but I cannot reliably replicate this. Suspecting it has something to do with saving the post content as every time I check the anchors are in place (this can be confirmed by switching to the Text editor). Will keep trying…

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>