Data
/
tinymce-docs
mirror of https://github.com/tinymce/tinymce-docs.git
2
0
Fork 0
Code Issues Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1148 Commits
32 Branches
0 Tags
96 MiB
 
 
 
 
 
 
Tree: efbb5c1a76
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'efbb5c1a76'
${ noResults }
tinymce-docs/get-started-cloud/features-only.md

2.6 KiB
Raw Blame History

layout title description_short description keywords
default Features Deployed from Cloud Learn how to setup TinyMCE features via our Cloud. TinyMCE Cloud customers, you'll be up and running in less than 5 minutes. tinymce cloud script textarea apiKey

If you’re already comfortable hosting and maintaining [TinyMCE Community edition]({{ site.baseurl }}/download/), 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.

In order to use the advanced features of the editor, you’ll need to select what features you’d like to purchase and you’ll be setup with an API key for your account.

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 need to then add the following new script:

<script src="http://cloud.tinymce.com/stable/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]({ site.baseurl }}/configure/) to include any additional plugins (and associated toolbar/menu items) you’ve purchased. You will find enablement guides here:

  • [Powerpaste]({{ site.baseurl }}/plugins/powerpaste/)
  • [Spell Checker]({{ site.baseurl }}/plugins/spellchecker/) Note: spellchecker_rpc_url is not required when enabling this plugin via [TinyMCE Cloud]({{ site.baseurl }}/get-started-cloud/)
  • [Image Tools (with configured image proxy)]({{ site.baseurl }}/plugins/image/) Note: We will configure the imagetools_cors_hosts and imagetools_proxy properties for you automatically.
  • [Accessibility Checker]({{ site.baseurl }}/plugins/a11ychecker/)
  • [Advanced Code]({{ site.baseurl }}/https://www.tinymce.com/docs/plugins/advcode/)

Here is a complete example, whereby:

  • The account API key has the value TEST_API_KEY.
  • The account has the [Spell Checker]({{ site.baseurl }}/plugins/spellchecker/) plugin enable.
<html>
   <head>
      <script src="http://your_server/tinymce.min.js"></script>
      <script src="http://cloud.tinymce.com/stable/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>