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

  1. I’ve activated the TinyMCE Advanced and am having troubles getting table lines to show on the page view. They are there in the visual screen and the text screen shows the values of

    But the top and sides of the border lines as well as individual cell lines are not visible on page preview?? Ironically, the bottom border line is visible when the page loads. Having the same issues with the TinyMCE Widget plugin so I’m thinking it’s possibly in my css for the theme???

    1. In 99% of the cases this is set in your theme’s styles. You can override it for all tables or make a CSS class then add it (from the Text editor) just to the tables you make. In both cases you will need to edit the theme’s style.css.

  2. @Mike yeah, keeping the scroll position when switching Visual => Text and back would be handy. Unfortunately impossible to do without major discrepancies. Imagine you have a post with 5 big images. In the Visual editor you will have to scroll to see the second, third, etc. In the Text editor you will see only 5 IMG tags, probably 7-8 lines of text. So, how do you guess where to scroll?

    @Erwin Odendaal where did you upload that editor-style.css file to? Has to be in your active theme’s directory or WordPress cannot find it.

    @Joe C the displayed font size depends on the font you selected, and how the browser renders it. You may want to experiment with different font size units, like “em” or “pt”, but at the end of the day your site visitor’s browser will determine how to show the font.

    @Ryan if I understand you right, “crashing” means you are using more than the allowed server resources, and your hosting company has “blocked” the site temporarily. TinyMCE Advanced is very efficient on using server resources. It enables several more small JS files that are loaded after the main editor loads, that’s all. If your Edit Post page goes white while you load a post to edit, you can suspect it might have something to do with this plugin. If the screen goes white (crashes) when you’re trying to save a post, the reason is something else, probably another plugin that “does something” on post save. I would suggest talking to your hosting company and asking them to investigate.

    @Marvin TinyMCE Advanced has nothing to do with WP Edit, they are completely different plugins. TinyMCE Advanced is a free WordPress plugin that has existed for many years and has millions of users. WP Edit is a commercial plugin that tries to make money 🙂 You can use one or the other but I would suggest not using both at the same time.

    Also, there is no such thing as “Prompt from WordPress to exchange a free plugin with a commercial one”. If you have received anything like that, it is a forgery.

    @Jean you can download all old versions here: https://wordpress.org/plugins/tinymce-advanced/developers/ but you will have to install by hand (with FTP). This is not recommended as TinyMCE Advanced matches the WordPress versions closely and may not work properly when an old version is used.

    @Don Hutchinson (page) anchors are points where the page can scroll to after loading. Can be useful in some rare cases if you have a lot of text on one page 🙂

    @nicole uncheck the “Stop removing P and BR…” checkbox on the plugin’s setting page.

  3. I have this plugin installed and I’m finding that the editor completely changes my HTML code when switching back and forth between the visual and HTML view. Is there any way to prevent this from happening?

  4. Hi – I have a question, probably basic, but hey … just learning!

    I’m using wordpress and my support guy has just changed me from tinyMCE to the WP Edit plug in following what appears to be a prompt from WordPress. TinyMCE Advanced plug-in still resides and is “live” on my WordPress Admin Plug-in screen.

    Question – should this be replaced too ? with similar WP Edit enhanced sister Plug in or does TinyMTCE Advanced work and function autonomously?

  5. Hi – I have a question, probably basic, but hey … just learning!

    I’m using wordpress and my support guy has just changed me from tinyMCE to the WP Edit plug in following what appears to be a prompt from WordPress. TinyMCE Advanced plug-in still resides and is “live” on my WordPress Admin Plug-in screen.

    Question – should this be replaced too ? with similar WP Edit enhanced sister Plug in or does TinyMTCE Advanced work and function autonomously?

    Thanks in advance for your help

  6. Since mid-December, our site keeps crashing every time we try to add or update a post with TinyMCE Advanced. For the site to come back online we have to exit the dashboard altogether, wait 10-15 minutes until it comes back. We tried deactivating all the plugins and then reactivating them again. This worked last week when we added a post, a couple days ago morning when we tried to add another post it crashed. We’re sure there must be something off in the code of this plugin, because it’s not our computers, not the browsers, not the server, not WP, not an increase in traffic, not the website cache and not the theme. TinyMCE Advanced (Version 4.1.7) was updated a month ago and is compatible with our version of WP. What seems to be the problem?

  7. Hi,

    I have installed your TinyMCE Advanced plugin and found it very helpful. One thing I can’t seem to do is to assign intermediate font sizes to text. There are sections of text I wish to format as Italics and font size 11. The font size is only altered when set to either size 10 or size 12. When I set it to size 11 it changes and looks the same as size 12. Is there a way to change this ? How can I set my font size to 11 ?

    Thank you.

  8. Hi,

    I’m also trying to add styles to the visual editor, and no luck here.
    I’ve created an editor-style.css-file.
    Added several styles like:
    .more_link {}
    .more-link-too {}
    .go {}
    Added these styles to the style.css-file like:
    .more_link { font-size: 1em; }
    .more-link-too { font-size: 2em; }
    .go { font-size: 3em; }
    Emptied my cache. Tried another browser. But noting shows up in the editor…

  9. I like the tinymce advanced editor plugin a lot, but it has a shared “feature” with the tinymce editor I’d like to see eliminated.

    When you switch between “text” and “visual” mode the screen position doesn’t remain the same. Imagine you want to paste a PayPal button into your screen right >here<. So you scroll there, click there, switch modes and…. you're at the top of the screen.

    Positional stability would be a HUGE step forwards!

    Thanks!
    Mike

  10. @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.

  11. 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

  12. 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

  13. 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.

  14. 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

Leave a Reply

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