Important changes to Tiny Cloud pricing > Find out more

NOTE: TinyMCE 5 reached End of Support in April 2023. No more bug fixes, security updates, or new features will be introduced to TinyMCE 5. We recommend you upgrade to TinyMCE 6 or consider TinyMCE 5 Long Term Support (LTS) if you need more time.

Cloud deployment of plugins Only

Connect to Tiny Cloud within a hybrid deployment.

Contribute to this page

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.

Sign up for a free API key provides entitlements to premium Image Tools 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/5/plugins.min.js" referrerpolicy="origin"></script>

Step 2: Specify purchased TinyMCE plugins and toolbar buttons

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:

Note: spellchecker_rpc_url is not required when enabling this plugin via Tiny Cloud.

Note: Configuration of the imagetools_cors_hosts and imagetools_proxy properties occurrs automatically.

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

The following is a complete example:

The example below has the following:

  • 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/5/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 print preview hr 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.

Can't find what you're looking for? Let us know.

Except as otherwise noted, the content of this page is licensed under the Creative Commons BY-NC-SA 3.0 License, and code samples are licensed under the Apache 2.0 License.