Vulnerability in EPiServer.Forms

Try our conversational search powered by Generative AI!

Ha Bui
Ha Bui  -  CMS
Aug 24, 2022
  1326
(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
Google Read Aloud Reload Problems

Inclusive web experiences greatly benefit from accessibility features such as Google Read Aloud. This tool, which converts text into speech, enable...

Luc Gosso (MVP) | Dec 4, 2023 | Syndicated blog

Google Read Aloud Reload Problems

Inclusive web experiences greatly benefit from accessibility features such as Google Read Aloud. This tool, which converts text into speech, enable...

Luc Gosso (MVP) | Dec 4, 2023 | Syndicated blog

Import Blobs and Databases to Integration Environments

In this blog, we are going to explore some new extensions to the Deployment API in DXP Cloud Services, specifically the ability to import databases...

Elias Lundmark | Dec 4, 2023

Setup new/existing website in DXP integration

EPiCloud v1.3 has been released! You can now upload blobs and database to DXP!

Ove Lartelius | Dec 4, 2023 | Syndicated blog

Join the Work Smarter Webinar: Working with the Power of Configured Commerce (B2B) Customer Segmentation December 7th

Join this webinar and learn about customer segmentation – how to best utilize it, how to use personalization to differentiate segmentation and how...

Karen McDougall | Dec 1, 2023

Getting Started with Optimizely SaaS Core and Next.js Integration: Creating Content Pages

The blog post discusses the creation of additional page types with Next.js and Optimizely SaaS Core. It provides a step-by-step guide on how to...

Francisco Quintanilla | Dec 1, 2023 | Syndicated blog