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.

1405 Comments

  • #1405 by David Porter August 27, 2014 at: 7:50 am

    How do you change the text size to a specific point size? The default sizes are 8, 10, 12, 14, 18, 24, 36. I want to change the text size on my home page slider to 16pt. See screen capture at http://cl.ly/image/0n1Z033D0k28

  • #1404 by Andrew August 24, 2014 at: 11:50 am

    @Willy if you mean JCE, yes, it comes with several custom plugins. This plugin adds only the “default” TinyMCE plugins. It may be possible to include or “port over” other plugins too, will need to make sure they are fully compatible with the default configuration in WordPress.

    @Emer seems the theme is using one of the WordPress filters improperly, or needs updating. Unfortunately that theme is not open source, so I cannot have a look at the code. You should be able to get support from the authors.

  • #1403 by Emer August 23, 2014 at: 9:31 am

    Hi there,
    I hope you can help! I am having trouble with the short codes on my OptimizePress site. Everytime I try to add one I get this message,
    Select Custom Style

    Video

    Warning: preg_match() expects parameter 2 to be string, array given in thelinkedinsuccessformula.com/wp-content/themes/OptimizePress/lib/admin/tinymce/plugins/custom/custom_post.php on line 45

    Warning: preg_match() expects parameter 2 to be string, array given in thelinkedinsuccessformula.com/wp-content/themes/OptimizePress/lib/admin/tinymce/plugins/custom/custom_post.php on line 45

    Warning: preg_match() expects parameter 2 to be string, array given in thelinkedinsuccessformula.com/wp-content/themes/OptimizePress/lib/admin/tinymce/plugins/custom/custom_post.php on line 45

    Warning: preg_match() expects parameter 2 to be string, array given in thelinkedinsuccessformula.com/wp-content/themes/OptimizePress/lib/admin/tinymce/plugins/custom/custom_post.php on line 45

    Warning: preg_match() expects parameter 2 to be string, array given in thelinkedinsuccessformula.com/wp-content/themes/OptimizePress/lib/admin/tinymce/plugins/custom/custom_post.php on line 45

    My hosting company advised I get in touch with you directly to see if this is a known issue.

    Kind regards,
    Emer

  • #1402 by Willy August 18, 2014 at: 7:48 pm

    I’ve been using Tiny for years on the Joomla sites I manage. I just took over a WordPress site and I was please to be able to have the same. However, it would be nice to a format painter as there is in the Joomla version. I didn’t see that available in the WordPress version, but maybe I just failed to configure it.

    Thanks, Willy

  • #1401 by Andrew August 14, 2014 at: 9:08 am

    @christel there is no such file in that plugin: http://plugins.svn.wordpress.org/tinymce-advanced-language-pack/tags/1.0/plugins/advlink/langs/, best would be to delete it and then install it again just in case. This looks like an automated attack that tries to hide files on your site. You’ll have to reinstall WordPress and all plugins and themes, then carefully check the uploads directory with an FTP program that shows hidden files (that start with a dot).

    @Mark table borders (and margin, padding, etc.) depend on your theme’s styles. Also in the editor there is a dashed border to help you with editing the table. This can be turned off from the menubar: View => Visual Aids.

    @Joe don’t think the anchors show in the link dialog, you’ll have to link to them “by hand”, just select the text that needs linking, open the link dialog and instead of the URL type #your-anchor-name in the field.

    @Deb Smith I’m glad you like it :)

    @C222 any changes after you set the buttons (see images above) and save the options? Any JS errors in the browser console?

    @V. Mermaz sounds like there is another plugin that tries to reset the default editor in WordPress and uses one of the “filters” improperly. TinyMCE Advanced expects an array but (most likely) another plugin that runs earlier removes that array.

    @ssc_mikey table styling depends on your theme. You can override these styles in style.css and editor-style.css in your theme’s directory.

    @Fariborz Zabihian border color and cell background color are coming in the next update, in a few weeks when WordPress 4.0 is released.

  • #1400 by christel August 14, 2014 at: 1:51 am

    Hello there,

    Warning plugin tinymce-advanced-language-pack has a security failled.
    Here is information received by my host OVH
    > The Issue : Executing deleted program
    > > > > apparent control : ././ps
    > > > > executable used: /www/wp-content/plugins/tinymce-advanced-language-pack/plugins/advlink/langs/.nfs0000000008b3dcad00000740

    This attack has infected my site since July 18. We’re aware August 10

    Thank you to update if possible

    Christel HELSTROFFER

  • #1399 by Mark August 13, 2014 at: 6:15 pm

    Hello,

    I just installed the TinyMCE Advanced and there is an option to Add or
    Insert a Table… I did this and there is a Table. I set the “Border” to “0″
    so that there would be No Border, but the Border IS Displayed, and I
    can not seem to get it to NOT be there…

    I even Added “#FFFFFF” into the “Border” Field in case it was a Color
    Field, but that did not do anything either, then I left it Blank, and the
    Border Remained…

    Is there any way to get rid of the Border around the “Table”?

    Thank You!

  • #1398 by Joe July 31, 2014 at: 5:53 pm

    I can’t seem to get the anchor feature to work. I can place anchors and name them but they don’t show up in the link feature to make a hyperlink. Am I missing something? Thanks, Joe

  • #1397 by Deb Smith July 26, 2014 at: 2:51 pm

    I’ve tried just about every text editor plugin out there and BY FAR TinyMCE Advanced is the BEST all around. It’s easy to install and configure, it’s flexible, and easy to use for our clients. I have it up and running on over 30+ websites. I just installed TinyMCE Color Picker and REALLY appreciate this as well. THANK YOU FOR YOUR HARD WORK!

  • #1396 by C222 July 25, 2014 at: 2:26 am

    Hi,
    I installed WP and TinyMCE (up to date versions) but TinyMCE seems not to work.
    I cleared the cache, restarted, etc, etc, but no changes.
    I installed other editors and these did work.
    Is there any possibility to diagnose and/or to force starting TinyMCE?
    Thanks.
    Best regards,
    C