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.

1428 Comments

  • #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

  • #1426 by Godet November 14, 2014 at: 12:27 am

    hello

    I’m on a wordpress 4.0 and 4.1.1 tinymce_advanced extension.

    I have a problem when I want to apply a color to a cell or my talbeau I have advanced with the possibility to choose a color button off when I move the cursor colors do not appear always fixed me black, how to solve this problem?

    thank you

  • #1425 by Flo November 3, 2014 at: 9:50 am

    Hey,

    I just made an update to WordPress and the TinyMCE plugin. All looks good, except the plugin doesn’t support functionality around embedding QuickTime objects anymore. I used to be able to upload a file and embed it using various methods (QuickTime, Flash, etc). Now, I can only embed is as a “Video” object, which is unsupported in Firefox (and probably IE).

    Any suggestions on getting that functionality back?

    Thanks.

  • #1424 by Auriel Kitsu October 30, 2014 at: 9:23 pm

    Love what the TinyMCE Advanced plugin, love what it lets me do.

    One problem I have is that WYSIWYG in TinyMCE Advanced isn’t working. Have you got any idea what could cause that it to stop functioning? I have Montezuma as the theme and I’m using Google Font Manager plugin to enable TinyMCE Advanced to use additional fonts. It works on output but I can’t see what the page or post look like before previewing or posting. I’ve deactivated the Font Manager and it still doesn’t give me WYSIWYG display. I’ve tried deactivating different plugins to see if that was it and the only thing I can think of is these two plugins the Google Font Manager and the Montezuma Theme. Also this is my second time installing it. I switched on px sizes the first time I installed TinyMCE Advanced it gave me the option of more sizes of fonts. Now it only displays 8, 12, 14, 16, 20, 24 et cetera. Where did the rest of the intermediate sizes go? I had 8, 9, 10, 11, 12, et cetera before.

    Google Font Manager
    wordpress.org/support/plugin/google-font-manager

    Montezuma
    wordpress.org/themes/montezuma

    Montezuma Support Forum
    forum.bytesforall.com/

    Thank you,

    Auriel

  • #1423 by Yvesd October 26, 2014 at: 6:00 pm

    really good plu gin, but i can not see more than the first line of icons :-(

  • #1422 by Ruud October 20, 2014 at: 5:44 am

    Hi,
    There is an option, to prevent removing p aragraph , so the text is readable after closing the editor once.

    Is it also possible to keep distance in case of the definition list operating with dt itle and dd efinition ?

  • #1421 by AreQ October 11, 2014 at: 3:25 am

    Hello,
    first of all I want to say ‘Thank you – it is a great help!’
    I’m struggeling with the anchors. The id in the page is set (). Inserting this into the links at the menu-page (#Skala) brings up a “about:blank” – new page.
    Where’s my mistake?

    Thanks a lot for your effort.
    Best regards
    AreQ

  • #1420 by lexsto October 8, 2014 at: 4:47 am

    This great plugin has been working for me on several sites and is still working on most of them but for one site it has suddenly stopped working and I have no formatting buttons above my text editor field at all – any ideas? Should I switch plugins? Any help appreciated…

  • #1419 by Richard October 7, 2014 at: 8:20 pm

    Suddenly,m the Visual Editor is not working. There are no buttons and it doesn’t even allow me to type in the edit field. The Text editor works just fine. It is only the Visual editor with a problem. What is happening? It worked for years and suddenly is not working.