TinyMCE
MoxieManager
Drive
The uptake of our Tiny Cloud service has been overwhelming. There are now more than 20,000 applications deployed to more than 1 million active users every month. Thanks to everyone joining us on this journey!
With thousands of developers joining us every week, we receive a lot of queries about setting up the API key. If that’s you, five minutes is all it takes to create an API key and set up a Tiny Cloud-based editor.
Get an API key
To start, you’ll need your API key and dev environment ready to go. If you haven’t signed up for Tiny Cloud, you can do that now — it’s easy.
Integration quickstart guides are available during the setup. Don’t worry if you want to skip these now — they’re always available in the docs later.
Once you have an account, you can view and copy your API key directly from the account dashboard.
A note about adding domains to your API key
Before we start using it, be aware that initially your API key is automatically configured for use in http and https localhost environments. If you’d like to add or edit domain information, we suggest you do this before initializing the editor for the first time.
It’s not a big deal if you do it later, just expect a short delay to domain updates as your changes propagate across our global CDN.
If you’d like to add a domain to your API key now, it’s a quick task.
Step 1
Login to your Tiny account and view your approved domains. If you haven’t already verified your email address, you’ll need to do that before you can whitelist TinyMCE on your domains.
Step 2
Add the domains you wish to assign to your API key. For example, if you want TinyMCE to load on store.example.com, type that into the Domain name field and click Add domain. You can add as many domains as you like.
Get TinyMCE up and running
At this point, your API key is set up and ready to go. Now, let’s get your first Tiny Cloud instance of TinyMCE running.
Step 1
Getting the editor working on a page is as simple as including the TinyMCE script in the <head> and initializing it on a page.
Example HTML code is provided on your account dashboard with your API key already inserted in the script. Copy the code directly from there to create an HTML file hosted on your server.
Step 2
View the page in a browser. Assuming you’ve added the API key correctly, and added domains (if required), you should now have TinyMCE running from Tiny Cloud without the “nag message”.
If not, you can contact us any time for assistance. (TinyMCE support is included with the 14 day trial when you sign up for an API key.)
From here you can start customizing it, for example, configuring the plugins and toolbar options available. You’ll find some examples in our docs:
Our plugin docs are also a great place to start.
Integrating TinyMCE into your project
Now that you’ve set up a simple instance of the cloud-based TinyMCE editor, you can start integrating it into your own projects.
Integrating with React, Angular, or Vue? We’ve created wrappers that simplify integration with these frameworks. Check out our blog posts on how to get started with TinyMCE in simple React, Angular, and Vue projects.
There’s a lot more information in our docs too:
What’s next?
Thanks for moving to the Cloud with TinyMCE. If you’d like to build an even better content creation experience, check out our premium plugins. (These are already included in the code example provided on the Tiny account dashboard.)
We love hearing from our developer community. Follow us on Twitter and feel free to reach out to us any time.
