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

  1. Hi!
    How can I use the TinyMCE Advanced plugin in the excerpt field of a post?
    Thank you for any hint in advance!
    Kind regards,
    Gerald

  2. Please tell me how to set up default font style (Size and font name). I use Verdana 10pt but for each new para and bullet point I have to manually change the font which is very time consuming. Please assist

  3. New language file

    HI dear friend
    Persian speakers to use plugin you
    I took the decision to translate this plugin.
    How do I upload a file translator for you?
    All courses are 100% file have been translated.
    I hope this file is added to the original plug, as more people use them.

    I am waiting for your response.

    Your friend Mehraban
    Good luck

  4. Where can I find the Spellchecker?
    Can I change the language who should be checked to something other then english, in my case to german?

  5. In using tinymce-advanced I use the “MORE” insert link to shorten posts on my blog feed. The standard anchor text thus generated is “Read more >”. I’d like to be able to change this to e.g. “Click to continue >”. I am not a programmer, so I am looking for a simple solution, if possible.

    Thanks
    Paul

  6. On our site we have installed wordpress 4.1 version 4.0 TinyMCE but we find a malfunction being editor of post or page:
    When you scroll the page down the menu Tiny (eg character) tries to open up without finding space and therefore not active.
    Scrolling down the page up the menu is active but lost the text display that I wanted to format.
    This problem began to occur only after the latest updates.
    can you tell me how can I fix this?
    Thanks

  7. I love the plugin but having one issue. I was trying to add more basic fonts to the drop down like Calibri,AR Cena,Formula436B, and Lucida Calligraphy.
    I am not sure what i am doing wrong. Any advise.

    I added this to my theme functions–

    add_filter(‘tiny_mce_before_init’, ‘restrict_font_choices’ );
    function restrict_font_choices( $initArray ) {
    $initArray[‘theme_advanced_fonts’] =
    ‘Andale Mono=andale mono,times;’.
    ‘Arial=arial,helvetica,sans-serif;’.
    ‘Arial Black=arial black,avant garde;’.
    ‘Book Antiqua=book antiqua,palatino;’.
    ‘Comic Sans MS=comic sans ms,sans-serif;’.
    ‘Courier New=courier new,courier;’.
    ‘Georgia=georgia,palatino;’.
    ‘Helvetica=helvetica;’.
    ‘Impact=impact,chicago;’.
    ‘Symbol=symbol;’.
    ‘Tahoma=tahoma,arial,helvetica,sans-serif;’.
    ‘Terminal=terminal,monaco;’.
    ‘Times New Roman=times new roman,times;’.
    ‘Trebuchet MS=trebuchet ms,geneva;’.
    ‘Verdana=verdana,geneva;’.
    ‘Webdings=webdings;’.
    ‘Calibri=Calibri’.
    ‘Formula436B=Formula436B’.
    ‘Lucida Calligraphy=Lucida Calligraphy’.
    ”;
    return $initArray;
    }

  8. When I try to edit tables regarding border colors, widths, etc., etc., nothing happens. Backgrounds work, text alignments etc., etc., but no border changes registered, which makes the table almost unusable for things like parts catalogs. What can I do to make this work. Hrs have been spent and nada.

    1. I am having the exact same problem. On one of my sites, I cannot get a border to appear at all, and in my other site, I cannot get the border to go away.

  9. Dear Andrew,

    thank you very much for this plugin, I use it since many years and especially the function to stop removing the p tags is making the html editor really usable, I don’t understand the sense of WP’s default behaviour, it must be awful for every programmer.

    Now I started using a wonderful perfect theme with a pagebuilder … perfect besides the fact that their builder is adding an empty text box and <p tags with nbsp at each update click. So for the moment I cannot use my HTML editor and the Theme which is such a pity.

    I found a super simple solution, to add remove_filter (’the_content’, ‘wpautop’); to functions.php, which is said to do the trick, but still whenever switching from html to visual back to html editor my tags are gone. I don't yet even understand the principles behind, who is removing what, who is adding what, there is the autop thing, then the tinymce doing things. After many hours of research and solutions not working that are supposed to, I am lost.

    I thought of asking you as THE expert in this field if you have a clue what could cause this behavior of the theme, so i can give them a point to fix it, or if you could tell me how to simply make WP stop removing the p and br tags so i still see them in my html editor. I think the theme problem comes from adding things, so if i just stop the removing behaviour, the theme might be happy and me as well.

    Thank you very much
    Sofian

  10. Trying to use anchor links in TinyMCE Advanced.
    But my settings for TinyMCE Advanced does not offer a check box for Advanced Settings.

    Have uninstalled and reinstalled the Plugin, to no avail.
    Thank you for your help!

    1. Don’t think there are any advanced settings for anchors: http://www.tinymce.com/tryit/basic.php (Anchor is under the Insert menu). Not sure there can be any either, anchors are obsolete and consist of an empty A tag with a name or id attribute.

      You may be looking at some old screenshots or old features that were relevant years ago :)

  11. Problem with anchors.
    After I have set an anchor and update the page the anchor disappears completely, also in html.
    I try again and oh wonder it works!
    What can I do?
    greetings Karl

    1. That’s odd. Reports of similar problems keep coming, but I cannot reliably replicate this. Suspecting it has something to do with saving the post content as every time I check the anchors are in place (this can be confirmed by switching to the Text editor). Will keep trying…

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>