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.

1395 Comments

  • #1395 by ganesh yadav July 18, 2014 at: 8:09 am

    Excellent Plugin and you shared total details of it. feeling glad on being here

  • #1394 by V. Mermaz July 17, 2014 at: 9:43 am

    Hi,
    I’ve updated my WP site, now version 3.9.1.
    I got a message ” Warning: Illegal string offset ‘menubar’ in /home2/vmermaz/public_html/wp-content/plugins/tinymce-advanced/tinymce-advanced.php on line 383″.
    This plugin was working well before the update.
    I’ve logged out twice, cleared the cache, quit, restarted and waited a few hours.
    Same problem.
    I have now deactivated the plugin, TinyMCE Advanced version 4.0.2
    Could you help?
    Thank you.

  • #1393 by ssc_mikey July 10, 2014 at: 4:25 am

    Hi there.. I have a little issue with table. For some reason my table has visible horizontal lines and i cannot make them invisible. Anyone can help with it? i am using wordpress 3.9.1 and tinyMCE 4.0.2
    Thank you

  • #1392 by Fariborz Zabihian July 6, 2014 at: 11:20 pm

    I installed TinyMCE but table drawing is so difficult. There is no border or cell color. I can’t justify or arrange text in cells.

  • #1391 by Juliana July 1, 2014 at: 4:57 pm

    Hello,

    does anyone know if it is somewhere possible to download the older version 3.1.5.9 of tiny MCE advanced?
    With this it was possible to have a backround colour and other advanced settings.
    I actually decided to update to the newer version because I hoped to be able to merge cells, but this function doesn´t work in both of the versions. Additionally, I can not use a backround colour, very advanced!

  • #1390 by Dawn July 1, 2014 at: 10:06 am

    I’m trying to add the -span- tag to the list of valid elements, you’re addon was suggested but I can’t seem to find any place in the admin to add allowed tags?

  • #1389 by Adam Giles June 25, 2014 at: 7:13 pm

    Hi, I’m developing a wordpress website on a local machine, so I can’t provide a link. I installed TinyMCE Advanced and inserted a table. I clicked on Table>Table Properties, and the pop up doesn’t show the advanced tab. I’d like to format the table borders and shading using ‘zaposhpere’ table format code in my stylesheet. How do I access advanced settings? Thanks!

  • #1388 by Robert June 21, 2014 at: 6:54 am

    Dear Andrew,

    All the toolbars are empty if you are using wp 3.9.1.
    Also If I am use an clean install. same result. only background color and text color icpn are visable.

    Regards,

  • #1387 by Ekkachai Binwaha June 15, 2014 at: 9:15 pm

    Hi Sir,

    I use wordpress 3.9.1 and I use TinyMCE version 4.0.2 to make text.
    I have problem every times when I change couple of words in the text
    spacing of the paragraphs get changes look like one big paragraph
    and I have to keep going back to fix it.

    Please tell me how to fix it.

    Thank you very much,

    Many greetings,

    Ekkachai Binwaha

  • #1386 by Bob June 11, 2014 at: 11:56 am

    What happened to the advanced type styling functions? (See link.) This was one of the most important features for us and now it’s missing in the upgrade? https://dl.dropboxusercontent.com/u/3276703/tinymce.PNG