Important changes to Tiny Cloud pricing > Find out more

Cloud Deployment of Plugins Only

TinyMCE Cloud customers, you'll be up and running in less than 5 minutes.

Contribute to this page

If you’re already comfortable hosting and maintaining TinyMCE Community edition, or you’re running a web application where you have no control over the TinyMCE instance, you’re still able to load our premium TinyMCE plugins from TinyMCE Cloud. Think of this as a hybrid deployment.

Signing up for a free API key entitles you to the premium Image Tools plugin, with a provided cloud image proxy server already configured. You can purchase our Premium Plugins at any time once your API key is set up.

Step 1: Embed your custom script tag into your webpage

Within your webpage, after you’ve specified your script tag to load the TinyMCE editor code, you’ll then need to add the following new script:

<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/4/plugins.min.js?apiKey=your_API_key"></script>

Step 2: Specify purchased TinyMCE plugins and toolbar buttons

Now you just need to extend your TinyMCE configuration to include any additional plugins (and associated toolbar/menu items) you’ve purchased. You will find enablement guides here:

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

Note: We will configure the imagetools_cors_hosts and imagetools_proxy properties for you automatically.

Note: Please note that after purchasing a plugin, it may take up to 30 minutes for the plugin to become available with your editor. You may also need to clear your browser's cache.

Here is a complete example, whereby:

  • The account API key has the value TEST_API_KEY.
  • The account has the Spell Checker plugin enable.
<html>
   <head>
      <script src="https://your_server/tinymce.min.js"></script>
      <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/4/plugins.min.js?apiKey=your_API_key"></script>
   </head>
   <body>
      <textarea><p>test textarea</p></textarea>
      <script>
         tinymce.init({
            selector: 'textarea',
            height: 500,
            theme: 'modern',
            plugins: [
               'advlist autolink lists link image charmap print preview hr anchor pagebreak',
               'tinymcespellchecker']
         });
      </script>
   </body>
<html>

Step 3: Forward proxy configuration

If your company network has a forward proxy that controls access to the internet, please ensure that the following URLs are accessible via this proxy.

Also, please ensure that the tiny-api-key and tinymce-api-key headers are retained while requesting the list of URLs above.

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.