Cloud deployment of plugins Only

A hybrid deployment of Tiny Cloud allows the loading of premium plugins in a self-hosted environment. Download and install the TinyMCE Community edition to get started.

Signing up for a free API key provides entitlements to the premium Enhanced Image Editing plugin. A Tiny Cloud image proxy server must already be configured. Premium plugins can be purchased at any time once the API key has been set up.

Step 1: Insert the custom script tag into the webpage

Add the following script in the webpage once the script tag to load TinyMCE has been specified. Be sure to substitute 'no-api-key' with your api key.

<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/6/plugins.min.js" referrerpolicy="origin"></script>

Step 2: Specify purchased TinyMCE plugins and toolbar buttons

It may take up to 30 minutes for the purchased plugin to be available to TinyMCE. Clear the browser’s cache.

Extend the TinyMCE configuration to include any additional purchased plugins and associated toolbar and menu items. Refer to the following enablement guides for more information:

TinyMCE’s Real-time Collaboration (RTC) plugin will be retired and deactivated on December 31, 2023, and is no longer available for purchase.

Configuration of the following options occurs automatically when using the Tiny Cloud:

  • editimage_cors_hosts

  • editimage_proxy_service_url

  • export_image_cors_hosts

  • export_image_proxy_service_url

  • linkchecker_service_url

  • mediaembed_service_url

  • spellchecker_rpc_url

  • autocorrect_service_url

The following is a complete example, where:

  • The Tiny Cloud API key has the value no-api-key.

  • The Tiny Cloud has the Spell Checker Pro plugin enabled.

<html>
   <head>
      <script src="https://your_server/tinymce.min.js"></script>
      <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/6/plugins.min.js" referrerpolicy="origin"></script>
   </head>
   <body>
      <textarea><p>test textarea</p></textarea>
      <script>
         tinymce.init({
            selector: 'textarea',
            height: 500,
            plugins: [
               'advlist', 'autolink', 'lists', 'link', 'image', 'charmap', 'preview', 'anchor',
               'pagebreak', 'tinymcespellchecker'
            ]
         });
      </script>
   </body>
<html>

Step 3: Forward proxy configuration

Ensure that the following URLs are accessible via this proxy if the network has a forward proxy that controls access to the internet.

  • All URLs where the editor is deployed.

  • All URLs where the plugins are deployed.

  • https://imageproxy.tiny.cloud

  • https://hyperlinking.tiny.cloud

  • https://spelling.tiny.cloud

Ensure the tiny-api-key and tinymce-api-key headers are retained while requesting the list of above URLs.