Cloud Deployment of Plugins Only
TinyMCE Cloud customers, you'll be up and running in less than 5 minutes.
Contribute to this pageIf 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
andimagetools_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.
- All URLs at which the editor is deployed.
- All URLs at which the plugins are deployed.
- https://imageproxy.tinymce.com
- https://hyperlinking.tinymce.com
- https://spelling.tinymce.com
Also, please ensure that the tiny-api-key
and tinymce-api-key
headers are retained while requesting the list of URLs above.
Was this article helpful? Yes - No
Well, that's awkward . Would you mind opening an issue or helping us out?
Thanks for the feedback!
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.