How to use TinyMCE premium plugins in WordPress 5

Combine what you love about WordPress 5 with the power and flexibility that comes with TinyMCE 5.

TinyMCE 5 delivers an exceptional, rich text editor experience. And with 50+ powerful plugins available to developers, extending TinyMCE is as simple as including a single line of code.

TinyMCE’s functionality is already provided in WordPress 5 in the Gutenberg Classic Block. Or, if you don’t want to use the Gutenberg block editor, you can read the previous post on how to switch back to the full classic editor. You can also add more advanced TinyMCE functionality to either of those scenarios with the TinyMCE Advanced WordPress plugin.

Regardless of your approach to TinyMCE editing, you can take full advantage of TinyMCE’s premium plugins – such as PowerPaste, Advanced Code Editor, Spell Checker Pro, and Accessibility Checker – with the Advanced TinyMCE Configuration WordPress plugin.

Get started with our premium plugins in three simple steps.

1. Configure the domains on your API Key

Configure your API Key to allow requests from your WordPress domain. If you don’t yet have a Tiny API Key, start with a 14 day free trial of our Cloud Essential or Cloud Professional plan now.

1. Log in to your Tiny account.
2. Click API Key Manager.
3. Indicate that you want to accept requests from your WordPress domain. For example, if your WordPress site is accessed from mysite.com.au, add that domain, then click UPDATE API KEY.
   
   

2. Install the Advanced TinyMCE Configuration WordPress plugin

The Advanced TinyMCE Configuration WordPress plugin, developed by Andrew Ozz, provides an interface for making more complex configuration changes to the TinyMCE editor, including the ability to activate TinyMCE premium plugins.

NOTE: Although this plugin is powered by Tiny, we are not responsible for providing technical support for it. Reach out to the plugin developer if required.

1. Log in to your WordPress Dashboard, click Plugins, then Add New.
   
   
2. Search for the Advanced TinyMCE Configuration plugin, then click Install Now.
   
   
3. Once the plugin is installed, click Activate.
   
   

3. Configure TinyMCE to use your premium plugins

Once you have installed and activated the Advanced TinyMCE Configuration WordPress plugin, you can go ahead and configure your TinyMCE premium plugins.

1. From within your WordPress Dashboard, click Settings, then select TinyMCE Config.
2. Scroll down to the Defaults section, and click Show the default TinyMCE settings.
   
   
3. If the external_plugins setting already exists, click Change next to the setting, otherwise scroll down and add it as a new option.
   
   For example, for PowerPaste, add the following code (replacing APIKEY with your own API Key).
   
   

   {"powerpaste":"https:\/\/cdn.tiny.cloud\/1\/APIKEY\/tinymce\/5-stable\/plugins\/powerpaste\/plugin.min.js"}

   COPY
   
   
   And remember to Save Changes.
   
   Separate multiple values with commas if applicable. For example:
   
   

   {"a11ychecker":"https:\/\/cdn.tiny.cloud\/1\/APIKEY\/tinymce\/5-stable\/plugins\/a11ychecker\/plugin.min.js", "powerpaste":"https:\/\/cdn.tiny.cloud\/1\/APIKEY\/tinymce\/5-stable\/plugins\/powerpaste\/plugin.min.js"}

   COPY
   Refer to the documentation for more guidance on plugin names and product versions.
   
   
4. Add or modify the plugins setting, adding the name of the plugin (in this case, powerpaste) to the list of values. Important sidenote - the paste plugin and powerpaste plugin cannot be used together as this will cause problems, so make sure to remove this. Additionally, any plugin that is setup as an external_plugin does not need to be included in the plugins declaration. 
   
   
5. Then add any other settings specific to the plugin. Refer to the documentation for more information about plugins and their settings.
   
   

And you’re done! 

Now, when adding or editing your WordPress content, you can go ahead and use the premium plugins you’ve configured.

What next?

Find out how you can complement your solution by managing files and images in the cloud with Tiny Drive.