TinyMCE Advanced: Plugin Overview

Last Updated on September 12, 2022 by 8 Comments

TinyMCE Advanced: Plugin Overview
Blog / WordPress / TinyMCE Advanced: Plugin Overview

If youโ€™ve experimented with the Gutenberg block editor and only kind of like it, the TinyMCE Advanced plugin may be a great โ€œhalfwayโ€ option so that you can move to the new editor and still have the type of control you like when creating posts. The plugin adds a classic paragraph block โ€“ and a sort of hybrid mode โ€“ to Gutenberg. Youโ€™ll be able to use a familiar editor while still having access to everything Gutenberg offers.

tinymce advanced

TinyMCE Advanced Features

TinyMCE Advanced has a lot of ways to take control of your page and post creation. Notable features include:

  • Advanced table settings
  • Change a block editor paragraph to a Classic Paragraph
  • Clear Formatting button
  • Extra list options, like upper or lower case or disc vs. square
  • In-block text modifications (bold, italicize, underline, add a link, align, etc.)
  • Option to keep paragraph tags in the block editor
  • Import/export settings to a file
  • Import your customized CSS

In addition to basic text modifications, thereโ€™s a bar at the top of the block with word processing-like options youโ€™re already familiar with (File, Edit, Insert, View, Format, Table, Tools). You can also use the original, classic WordPress editor if youโ€™d like. When you create a new page or post, you wonโ€™t see Gutenberg anymore; itโ€™ll look like this:

tinymce advanced

Getting Started with TinyMCE Advanced

Iโ€™m sure you know how to install a new plugin, but just in case:

  • Log in to WordPress
  • Click โ€œPluginsโ€ on the left
  • Select โ€œAdd Newโ€
  • Search for โ€œTinyMCE Advancedโ€
  • Click โ€œInstallโ€
  • Select โ€œActivateโ€

Once youโ€™ve installed TinyMCE Advanced, you can play around with its settings (Plugins > Scroll down to the plugin > Click โ€œSettingsโ€). Youโ€™ll default to the Gutenberg settings, and you can change the tools you see in the toolbars, as well as your default text and background colors:

tinymce advanced

tinymce advanced

If you scroll down, youโ€™ll see a number of options, and this is where you can opt to replace Gutenberg with the classic editor. You can also remove the Classic Paragraph block option or make it your default block. Clicking over to the โ€œClassic Editor (TinyMCE)โ€ tab under โ€œEditor Settingsโ€ lets you customize the Classic Editor toolbars:

tinymce advanced

Using TinyMCE Advanced

Using TinyMCE Advanced couldnโ€™t be easier, especially if you set the Classic Paragraph as the default block. Even if you donโ€™t, itโ€™s still super simple. Add a block by hovering over the blank space of your page or post, then click the plus sign. Choose โ€œClassic Paragraph.โ€ Voila. Thatโ€™s it.

tinymce advanced

tinymce advanced

Then you just type as normal and use the tools in the toolbar to do whatever you need โ€“ switch between paragraph and heading sizes; bold, italicize or underline text; add lists; align the text; etc. You can do this with the Gutenberg paragraph editor, too, but the toolbar is at the top of the page, which isnโ€™t as convenient as having it right in the block.

Adding Photos with Gutenberg vs. TinyMCE Advanced

In both the Gutenberg paragraph block and the TinyMCE Advanced classic paragraph block, you can add images directly to the block. They function a bit differently, and I like them both for different reasons.

In the Classic Paragraph block, you click โ€œInsertโ€ and then โ€œAdd Media,โ€ and then you either upload a photo or choose one from your WordPress library. Once inserted, you have the option to align it differently or edit it.

tinymce advanced

tinymce advanced

In the Gutenberg paragraph block, you can choose โ€œInline Imageโ€ from the menu at the top of the page, which will also let you insert an image in the block. (FYI, I placed the โ€œInline Imageโ€ tool in that menu when customizing the toolbars in the pluginโ€™s settings.) This time, though, the image is small, and you can change the size of it right in the block.

tinymce advanced

Creating Tables with TinyMCE Advanced

The ability to easily create tables and the different options you have for your tables are some of TinyMCE Advancedโ€™s best features. To create a table, just hover over the table icon in the toolbar, which will bring up a few options. Once youโ€™ve created your table, you can click that icon again to change the table properties.

tinymce advanced

tinymce advanced

tinymce advanced

This is a more visual way to create tables than in the Gutenberg paragraph block (and itโ€™s much easier than creating tables in HTML). There are also a lot of table-specific options in the pluginโ€™s settings.

tinymce advanced

tinymce advanced

Problems with TinyMCE Advanced

One of the perks of using TinyMCE is that you have more font optionsโ€ฆin theory. I did everything I could think of to get them to show up in the Classic Paragraph block, and while I saw them on a new page at one point, I couldnโ€™t get them to show up again at all โ€“ not on a page or a post, not in a new block, not after signing in and out, deleting the cache, updating everything there was to updateโ€ฆ I also kept toggling the editor menu (File, Edit, Insert, etc.) โ€œoff,โ€ but it was still there every time. Soโ€ฆ I donโ€™t know. If you donโ€™t need the additional font options, TinyMCE Advanced is still a good choice if you prefer the classic editor. If you do need the font options, then good luck, and let me know if you can get them to work.

Final Thoughts

Some people love Gutenberg, but you may find it clunky or difficult to learn. If you like the idea of Gutenberg, though, you may want a way to get used to it without getting stressed out or having it interrupt your workflow. TinyMCE walks that line โ€“ create pages and posts in a way thatโ€™s familiar and easy to use, and keep the option to play with everything else Gutenberg offers to get used to it on your own timeline. Since itโ€™s easy to add a Gutenberg paragraph or a TinyMCE Advanced paragraph, you can pick and choose which you use when creating a page or a post, and you can add the one you like based on how it lets you write, add photos or create tables.

If youโ€™re using the classic editor, itโ€™s probably because you want a streamlined approach to creating content. Check out this Content Creatorโ€™s Guide to Writing Faster and More Efficiently.

Featured image via miri019 / shutterstock.com

Divi

Want To Build Better WordPress Websites? Start Here! ๐Ÿ‘‡

Take the first step towards a better website.

Get Started
Divi
Premade Layouts

Check Out These Related Posts

MonsterInsights Review 2024: Worth It for Site Analytics?

MonsterInsights Review 2024: Worth It for Site Analytics?

Updated on April 16, 2024 in WordPress

Do you want to integrate Google Analytics (GA) on your WordPress website easily? Look no further than MonsterInsights. It offers invaluable insights into your site’s traffic, user behavior, and content engagement. As the leading Google Analytics plugin for WordPress, MonsterInsights empowers...

View Full Post

8 Comments

  1. Advanced TinyMCE is not compatible with the Divi Builder, and I use for all my pages the Divi Builder and am bummed that the Divi Builder has so few style options! I have to implement academic texts and using the Divi Builder I have write inline code for subscript and superscript texts or extra small texts for references โ€“ the Divi Builder is so primitive.

  2. TinyMCE Advanced is a great plugin. I have used in many the custom WordPress projects. It is great add on to Gutenberg editor.

    • I don’t understand the relationship, if any, between the Gutenberg editor and Divi. I though they were mutually exclusive. I do know I dislike the defaults that Divi has put into their editor/Visual systems. I can no longer, for example use the multiple columns plugin from Tortoise II which was/is terrific. But those options do not show up unless I bail out of VB and go to classic. PITA stuff for no apparent benefit to me. BTW, I love the TinyMCEAdvanced.

  3. I’ve been using this plugin not knowing if it’s actually compatible since I started with Elegant/Divi years ago. It def has bugs, such as having to constantly re-set the fonts/colors/sizes with new paragraphs and even new sentences, but none of the options within either wordpress or Divi itself worked at all for me, or took advanced degrees in subatomic particle physics to try to figure out.

    I guess it’s good to finally know I can use the plugin and not worry about conflicts, even tho it remains an imperfect solution.

  4. TinyMCE Advanced seems more promising than Gutenberg editor. But Classic editor is the best option for me ๐Ÿ™‚

    • Thanks for your comment! I can’t help but love the classic editor, too ๐Ÿ™‚

    • I’m Using Classic Editor But It Has Less Features In It But When We Use It With Advanced TinyMCE It’s Better Than GutenBerb And Less Confusing And In TinyMCE We Can Add Features Which Are Helpful To Us And We Can Also Remove The Features That We Don’t Use Them So When We Use The Editor It Won’t Look Cluttered. For My Site I prefer Using Classic Editor With Advanced TinyMCE. It Saves Me Time And Makes The Post Look Attractice.

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

Get Started With Divi