Blueprint by Tiny
Return to Tiny.cloud
Return to Tiny.cloudTry TinyMCE for Free
Search by
Illustration of a cloud with the Tiny logo inside.

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

Ben Long

February 4th, 2020

Written by

Ben Long
Ben Long

Category

Tips & How-Tos

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

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.

Screenshot of Tiny account with Dashboard tab selected and example HTML code displayed

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. (Two support tickets are included with the 30 day trial.)

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
Ben Long
byBen Long

Developer Advocate at Tiny. Computer scientist turned storyteller. 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

  • Group of categories and tags made from the section titles within the related article.
    Tips & How-Tos

    16 features to include on your blog feed

    by Ben Long in Tips & How-Tos
Subscribe for the latest insights served straight to your inbox. Delivered weekly.

Deploy TinyMCE in just 6 lines of code

Built to scale. Developed in open source. Designed to innovate.

Begin with your FREE API Key
Tiny Editor