14-day Cloud trial
Start today. For free.

One editor. 50+ features. Zero constraints. After your trial, retain the advanced features.

Try Professional Plan for FREE
PricingContact Us
Log InGet Started

How to get your Tiny Cloud API key set up in 5 minutes

February 4th, 2020

3 min read

Illustration of a cloud with the Tiny logo inside.

Written by

Ben Long

Category

How-to Use TinyMCE

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.

Screenshot of Tiny account with Dashboard tab selected and API key displayed (value is blurred).

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.

Screenshot of Tiny account with Approved Domains tab selected and approved domains displayed.

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.

TinyMCE dashboard that shows the demo configuration you can copy and start using

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.

Tiny CloudTinyMCE
byBen Long

Computer scientist, storyteller, teacher, and an advocate of TinyMCE. Reminisces about programming on the MicroBee. Writes picture books for kids. Also the wearer of rad shoes. “Science isn’t finished until you share the story.”

Related Articles

  • How-to Use TinyMCESep 21st, 2023

    How to create fillable documents with TinyMCE

Join 100,000+ developers who get regular tips & updates from the Tiny team.