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

  1. Hello Andrew. Thank you for maintaining this plugin.

    I needed to remove embedded UTF no break spaces, so I modified the “Show invisible characters” plugin to make it “zap invisible characters” It works really well. But now I have a different problem and I’m trying to make a new plugin, but its not working out so far.
    Here is what I want to do:
    1. Delete all DIV tags when clicking “Clear Formatting”
    – it already does spans, but not divs
    – and I don’t want to remove bold or italics
    It would be great to be able to select what it clears (or not).
    2. I really don’t like UTF single and double quotes.
    – I want to convert them to plain text

    Is there a tutorial on how I could do this?
    Or are you interested in doing it?

    Alan

  2. Hi,

    I just installed the plugin for my another blog and just discover the feature of box paragraph is missing.

    Where do i get it back please?

    Thank you.

  3. I cannot see how to get TinyMCEadvanced to stop WordPress removing my non breaking spaces. HELP PLEASE!

  4. Hi! Love this plug-in! It just came to my attention that when editing my pages, (changing the formatting, etc) The page won’t allow me to publish, save or preview. That whole section is “greyed-out”

    Once I disabled the plugin, I was able to change headings and such and then publish. I’m guessing it must be something with the plug-in.

    I’m not sure we absolutely “need” it, but its such a nice tool, if you find an error with the plugin and are able to fix it – please let me know as I would love to reactivate!

  5. I have had TinyMCE installed for a while. When I came to use it today, there is no visual editor. Everything is gone.
    Just the text editor, which is typing in a white font with no way to change it.
    Uninstalling the plugin didn’t do any good.
    Re-installing didn’t help either.
    Any ideas?

  6. I installed TinyMCE but its not responsive! It disable all my responsive tables to irresponsive! Please help me. I dont know coding. So if there is any need to edit code please tell me the details.

  7. Hi and thanks for your work!
    Whit the wp and plugin updates, the “Format” dropdown not work.
    Error: Deprecated TinyMCE API call: .onMouseUp.add(..)
    Ciao

  8. Boujours
    Je souhaite mettre à disposition de mes lecteurs un mini éditeur de texte pour rédiger leurs commentaires …
    Merci de m’aider …
    @+

  9. The visual editor in my WordPress installed suddenly decided to stop loading. In the Firefox developer tools, the console showed a failure to load plugin.min.js in the tinymce advanced plugins directory. I checked the files and they were there, and the permissions were OK. I uninstalled all plugins: same error.

    After two days’ fiddling trying everything anyone has ever suggested about this problem, I decided to switch off my iptables firewall… and the visual editor loaded immediately afterwards with no problem.

    Now, my iptables firewall rules contained a long list of IP addresses to block because fail2ban had decided they’d tried to ssh to my server too often, or because WP fail2ban plugin decided they’d tried and failed to log on to my WordPress install too often.

    I’m intrigued to know why disabling a firewall would suddenly mean WordPress could access tinymce advanced javascript files.
    Why is there a relationship between network access and tinymce advanced at all? And why would that relationship apparently involve IP addresses that fail2ban had detected as engaging in nefarious attempts to log on to my server, one way or another?

    Any insight on what tinymce advanced is doing network-wise would be appreciated.

    1. Indeed, this is unusual. When something like that happens, it is usually all files and/or directories that get excluded.

      In this respect TinyMCE is quite simple. It loads all js and css files from the main site and doesn’t access any third party sites (unless you specifically load it from a CDN, etc.). It is still a good idea to reinstall the TinyMCE Advanced plugin, just in case.

      This sounds like a false positive somewhere. I’m assuming that your firewall rules are added dynamically. The first thing off the top of my head is that a rule was added that somehow matches the URL to the plugin.js file.

      To check this (or to rule it out), you can turn on logging for the firewall and try accessing that file directly in the browser. Then have a look in the logs. Another option would be to check the rules that were added just before the editor stopped working.

Leave a Reply

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