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.

1418 Comments

  • #1418 by ludvik September 25, 2014 at: 5:16 pm

    Hi. I love this plugin.

    Please add functionality from this plugin: https://wordpress.org/plugins/inline-quote/ Good typography is essential. :-)
    And add keyboard shortcut (for example Ctrl+Shift+Space) for nonbreaking space. Or every button configurable.
    Thanks very much.

  • #1417 by Jeff September 25, 2014 at: 9:38 am

    I just added to work press 4.0. Under settings I cannot find the “Tables Bar”. Any assistance is appreciated.

  • #1416 by Elizabeth September 18, 2014 at: 6:09 am

    #1410 by Elizabeth – issue was resolved. The Text Color returned to normal after I cleared my browser cache.

  • #1415 by Elizabeth September 18, 2014 at: 5:45 am

    Hello:

    I’ve installed TinyMCE Advanced. Recently I’ve noticed that the print in my articles contain strange non-alphabet characters. I’m hesitant to make any further corrections for fear that this problem will become widespread when I type. Please help with a solution. Thank you in advance!

  • #1414 by Henry September 17, 2014 at: 9:00 am

    I am having a problem with the table. When I put a table in a page on the editing page it only files have the space. I have set at 900px wide, which it displays correctly when I look at page in browser, How do i make table display corrector in editor?

  • #1413 by Don September 14, 2014 at: 10:30 am

    @1412 by Don:

    Well, I created an editor-style.css file and I think it works now. Problem is… this changes the text background… like using a highlighter when I wanted to actually change the background of the entire text container. Guess I have to keep looking as that is probably an issue outside the scope of this plugin.

  • #1412 by Don September 13, 2014 at: 5:46 pm

    I successfully installed TinyMCE although it does not seem to work. I installed it for the sole purpose of being able to change the background color of pages where I enter text.

    Currently I have a black background with white text and I would like to have a blue background. When I make the change and update the page then view the page… it has not changed… even when I refresh, clear cache, etc. So I log out of WP, clear cache, log back in and try again… no change again.

    I enter the changers, I update, view page, then come back to edit and the color i entered is no longer there.

    By the way, when I make the background color change… should that show immediately in the visual editor? Mine does not – it show black text and white background in the editor. When the page is viewed, it shows white text and black background.

    Anyone have any ideas?

  • #1411 by Andrew September 13, 2014 at: 8:11 am

    @David Porter this is a setting that can be changed for the editor: http://www.tinymce.com/wiki.php/Configuration:fontsize_formats using something like http://www.laptoptips.ca/projects/advanced-tinymce-configuration/. The latest version of the plugin changes that to using pixel sizes.

    @Nigel Coombs It may be possible to add buttons for the different “table” menu items again. I’ll into it for the next version (will be a lot of buttons though).

    @VRS this has changed as of WP 3.9/TinyMCE 4.0. The new setting is “toolbar1″, or use the “teeny_mce_buttons” WP filter.

    @Steve yeah, it’s a bit confusing. The “Formats” drop-down button is the same as the “Format => Formats” sub-menu item, not the whole “Format” menu. Clear formatting can be added as a button too, for quicker access.

    @hermit931 there was a problem with image captions in 4.1, fixed in 4.1.1 (latest version). If that still doesn’t work, can you paste the JS error message in a comment here?

    @Elizabeth both the default color picker and the TinyMCE Color Picker plugin work properly here. Do you see any JS errors in the browser console (F12, then switch to “console”)? If yes, could you paste the first error in a comment here.

  • #1410 by Elizabeth September 13, 2014 at: 7:27 am

    Thanks for the great plug-in. Recently my “Text Color” button won’t work. The drop down button is empty. All other functions are working as expected. Is there a fix to this problem? Look forward to receiving a resolution. Thanks.

  • #1409 by hermit931 September 5, 2014 at: 9:10 am

    Hi.
    Maybe duplicate issue, but i can’t editing image when is checked “Stop removing the and tags when saving and show them in the Text editor” option. JS error is presented.
    Version 4.0.2

    Thanks, Nick