Ha Bui
Ha Bui  -  CMS
Aug 24, 2022
  302
(3 votes)

How to integrate TinyMCE cloud plugin with EPiServer

Hi everyone,

Recently, we got many questions regarding How to integrate the TinyMCE external cloud plugin (SpellCheckerPro for instance) with EPiServer CMS and EPiServer.CMS.TinyMCE add-on.

Did you try that before? And got a headache with kind of below errors?

Don't worry! No more headaches with the recent release of EPiServer TinyMCE!

For the SpellCheckerPro plugin then few lines of the configuration below will help you easy to integrate with EPiServer CMS:

  1. Prerequisites
    TinyMCE cloud API Key
  2. EPiServer TinyMCE Initialization
    context.Services.Configure<TinyMceConfiguration>(config =>
                {
                    config.Default()
                        .AddExternalPlugin("tinymcespellchecker", "https://cdn.tiny.cloud/1/<YOUR_API_KEY>/tinymce/4.9.11-104/plugins/tinymcespellchecker/plugin.min.js")
                        .AddEpiserverSupport()
                        .Toolbar("spellchecker language spellcheckdialog")
                        .AddSetting("spellchecker_rpc_url", "https://spelling.tiny.cloud")
                        .AddSetting("spellchecker_api_key", "<YOUR_API_KEY>");
                }

    Note: Because EPiServer CMS TinyMCE is using TinyMCE v4 so please choose the correct version of the SpellCheckerPro plugin. Otherwise, it won't work as expected!

  3. Screenshots

Easy right? I hope that helped you!

Aug 24, 2022

Comments

Gaurav Bhatia
Gaurav Bhatia Aug 29, 2022 07:08 AM

Thanks for posting this!

I have one question: why do we need to mention the "spellchecker_rpc_url" setting? I think its already referenced in the plugin itself (https://cdn.tiny.cloud/1/<YOUR_API_KEY>/tinymce/4.9.11-104/plugins/tinymcespellchecker/plugin.min.js).

Please login to comment.
Latest blogs
Dynamic Route in ASP.NET Core When MapDynamicControllerRoute Does Not Work

Background Creating one of the add-on for Optimizely I had to deal with challenge to register dynamically route for the API controller. Dynamic rou...

valdis | Sep 25, 2022 | Syndicated blog

404 Error on Static Assets Within an Optimizely plugin

Background With the move to CMS 12 and .NET 5/6, developers are now able to build Plugins and Extensions using Razor Class Libraries (RCL).  These...

Mark Stott | Sep 23, 2022

How to bypass the content creation view in Optimizely

Something that has come up a couple of times in the last few year is feedback from content editors about the editing view that comes up when creati...

Ynze | Sep 23, 2022 | Syndicated blog

Welcome to Optimizely World's New Tech Video Portal

Optimizely, leader in the digital experience realm, has become a wealth of world class SaaS products including Web Experimentation, Full Stack, B2B...

The Developer Marketing Team of Optimizely | Sep 22, 2022