Blueprint by Tiny
Return to Tiny.cloud
Return to Tiny.cloudTry TinyMCE for Free
Search by
Screenshot of our rich text editor.

Our rich text editor

Ben Long

April 15th, 2020

Written by

Ben Long
Ben Long

Category

Tips & How-Tos

Tagged

Many of the online applications we interact with every day involve typing text into boxes – filling in forms, emailing clients, chatting to our friends, documenting policies & processes, preparing lesson plans, writing blog posts...

So, when you’re providing a solution that involves written input from your users, you need to think about the functionality they might need as part of that content creation experience.

Is it enough to provide your users with the ability to enter plain text?

Standard HTML textarea containing plain text.

Or…do you want to empower your users with a richer text editing experience? For example, one in which they can apply styles and formatting.

TinyMCE rich text editor configured with custom skin, icons, and toolbar.

Maybe you also want to provide your users with the ability to add images and videos, plus features like spell checking, advanced paste functionality, collaboration tools, and so on – everything you’d expect to find in the most advanced text editing tools on the market.

TinyMCE rich text editor configured with several advanced options.

Whether you’re developing a new application or upgrading an existing solution, the TinyMCE rich text editor provides developers with the ability to provide the best content creation experience possible. It’s powerful, scalable, fast, and reliable...and extremely flexible, so you can customize it to suit your application and the needs of your users.

Here are 5 things to look for in the best rich text editors.

TinyMCE rich text editor

TinyMCE is a WYSIWYG HTML editor, which means it allows users to write HTML content without having to actually write any HTML code. Users interact with TinyMCE using all the familiar buttons and shortcut keys, and the corresponding HTML code is generated automatically, behind the scenes, so it can be rendered in your online applications.

But it’s even more than that. Tiny provides a suite of premium plugins for TinyMCE to assist with productivity, compliance, and collaboration needs; for example, PowerPaste, Accessibility Checker, and Comments. We’re also well on our way to providing real-time collaboration.

Check out the TinyMCE demo on our home page and play around with it!

A good rich text editor isn’t only about what’s in it for the content creators. TinyMCE has been designed for developers to integrate it with their apps and for designers to fit it in with their UX too.

Here are 10 things to look for in the best WYSIWYG HTML editors.

TinyMCE customized and used as the rich text editor for a blog.

It’s easy to set up

Getting your first instance of TinyMCE running is as simple as pasting the following code into an HTML file and opening it in a web browser.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
    <script>
      tinymce.init({
        selector: '#mytextarea'
      });
    </script>
  </head>
  <body>
  <h1>TinyMCE Quick Start Guide</h1>
    <form method="post">
      <textarea id="mytextarea">Hello, World!</textarea>
    </form>
  </body>
</html>

Then, to use it on your domain without restrictions, you just need to get an API key and insert it in the code above in place of no-api-key. This article walks you through the process.

It’s easy to integrate

Once you’ve got an API key, it’s easy to integrate TinyMCE with your applications and frameworks. Here are our developers’ favorite articles on getting started with TinyMCE in some of the most popular frameworks:

See the Tiny docs for a full list of integration components.

It’s flexible and easy to customize

TinyMCE is designed to be flexible so you can customize it for just about any use case.

  • Configurable – TinyMCE can be configured with as many or as few user options as you like. Check out this article for more information about customizing the TinyMCE toolbar. There’s also a range of skins and icons you can apply to make it fit more seamlessly with your UX.
  • Extendable – You can extend the editor’s functionality with our premium plugins. There’s also a comprehensive TinyMCE API and you have the ability to write your own custom plugins.
TinyMCE rich text editor configured with custom skin, icons, and toolbar.

It’s open source

At Tiny, we want to make sure people will always have access to the best tools for creating content, enabling them to participate freely and seamlessly without barriers.

For this reason, the core TinyMCE editor remains open source and completely free forever!

For the majority of use cases, where you need a reliable, fully-functional editor, the open source TinyMCE editor provides everything you need.

Read more about the world’s most popular open source WYSIWYG HTML editor.

What next?

As you can probably imagine, there’s a lot to our rich text editor. So we’ve put together an article that shows 3 ways to try TinyMCE for yourself before you commit too much of your time and effort.

Get a free API Key and get started with our rich text editor. (You’ll even get a free 30-day trial of our premium plugins!)

Contact us to talk more about your unique use case and how other developers have integrated TinyMCE into their apps and solutions.

TinyMCE
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

  • Text "Google Fonts" each letter styled with a different font.
    Tips & How-Tos

    How to use Google Fonts in TinyMCE

    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