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 🙂

Toolbar toggle

There is a toggle button on the first toolbar row. Clicking it will reveal the additional rows you have set (if any).

toolbar-closed

toolbar-open

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,507 thoughts on “TinyMCE Advanced”

  1. Hello
    I use your nice plugin but I have an issue with wp-foroo. The buttons are black on black so it is very difficult to use them.
    How can I fix the problem ?

  2. I installed TinyMCE Advanced because I wanted to use tags within a table on a certain page. However, now all double line breaks on my entire site are ignored. How do I get them back? I always use the text editor and usually no tags. Adding double tags doesn’t do anything.

  3. Hi,
    I make a table by TinyMCE advanced (Version 4.6.3).
    I do set border weight 0.
    But does not work. I can see table’s border line.
    How can I remove border line?

  4. Hello
    Version 4.6.3 has disturbed the text and text + color
    When I copy the contents of previous posts all together in a new post falls

    Please try to fix problems

  5. First of all, love this plugin! The toolbar when editing posts was the most frustrating thing!
    Basically, I got this plugin because I wanted to change the font of my posts – which it does just fine when viewing just the post. But the post that is on my home page is still the same font when viewing the home page. I originally had two headings that now I want to just change the size of. In the visual editing view, they are marked as paragraph now, but still look like headings on the home page. Is there anyway to change this?

  6. Is it possible to use TinyMCE Advanced to add a class to a element using editor-style.css? If I add a class there and format it in my content, it adds tags with the class around the content, rather than adding the class to the element.

  7. Hi Andrew,

    April 23rd 2017

    Have you, or anyone else, noticed that the ‘LINK’ function does not work with the latest WordPress update?

    When WordPress updated during last week to 4.7.4 the ‘LINK’ function ceased to be effective.

    I asked my host, Blue Host, to revert my WordPress to the previous version in the ‘LINK’ function is working there still.

    Is there a chance this can be corrected for 4.7.4 though please?

    Thank you.

    Mary

  8. Firstly, thanks very much for a great plugin.

    One gripe so far – vis a vis tables – I pasted my own very simple table in via editor TEXT view, then saved (whilst in text view) – table appeared as i wanted & expected it OK. BUT, if i switch to editor VISUAL view, then save the page (whilst in visual view), then explicit row and column heights and widths are added to every row and column in the table! – totally messing up what i had intended.

    Is there any way to force the plugin NOT to do this? It causes a real problem for users who inadvertently edit and save pages containing tables whilst in visual view, meaning they have to switch to text view and manually delete a multitude of unnecessary height and width attributes from every row & column in every table!

    Many thanks for any helpf/fix you can offer.

Leave a Reply to Mary McNamara Cancel reply

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