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 Free

TinyMCE 5.5: Top 5 things to look out for

October 20th, 2020

3 min read

Text "5.5" with Tiny logo positioned above.

Written by

Ben Long

Category

World of WYSIWYG

With the release of TinyMCE 5.5 comes several new features and enhancements, including a new premium plugin to increase productivity - the ability for users to export to PDF.

In this article, we’re highlighting five top things developers should look out for:

  1. New premium Export plugin
  2. Line height option
  3. Support for Web Components
  4. Public types for developers
  5. Other “quality of life” improvements

For a comprehensive overview of what’s new, check out the TinyMCE 5.5 release notes.

1. New premium Export plugin

With the release of TinyMCE 5.5 comes a new premium plugin - Export - providing your end users with more options for content portability.

Users can now create a PDF of content they have written in TinyMCE, extracting key information from the editor in an easily digestible and shareable format.

After typing rich text into the editor, users can select the option to export to PDF:

A user is about to select the Export PDF option in TinyMCE.

The corresponding PDF will be generated, preserving line breaks and hyperlinks:

The corresponding PDF.

Read more, and try a demo, in our related article about TinyMCE Export.

2. Line height option

Previously, line height could only be controlled by developers or system administrators within the editor configuration. However, we now provide an option that allows users to control line height themselves.

You can add it to your toolbar using the lineheight control; for example:

tinymce.init({
  /* ... */
  toolbar:
    "undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | lineheight | link image",
});

Try it yourself! Select some text and click the third button from the right to choose your desired spacing.

3. Support for Web Components

Tiny is excited to announce our TinyMCE integration into Web Components. Web Components are a set of built-in browser capabilities that let developers create custom HTML elements in a similar manner to what is available in frameworks like React or Angular.

Once the TinyMCE custom element is installed on a web page, creating an editor instance is as simple as adding <tinymce-editor></tinymce-editor> tags to the page. These tags are used in place of calling tinymce.init(). Many of the standard configuration properties can be specified as attributes to this tag, instead of using JavaScript code.

You can get started with TinyMCE as a Web Component in just two lines of code - one in the head of your HTML to load the component, and another in the body to initialize it.

Read more in our related blog article about TinyMCE for Web Components.

4. Public types for developers

We’ve introduced a fully-typed core TinyMCE programming interface. This will benefit developer productivity and code quality as the TinyMCE API can now be better integrated into developer tools that can help reduce incorrect code usage leading to bugs or instability. For example, developer tools can provide autocompletion, and display errors indicating required fields and incorrect values (as shown in the following images).

Code example showing autocompletion.
Code example showing an error due to missing fields.
Code example showing an error due to an incorrect value.

5. Other “quality of life” improvements

TinyMCE 5.5 also comes with the following new features and enhancements to make it easier for developers to customize the editor for their specific applications and use cases.

For a detailed overview, check out the TinyMCE 5.5 new features and enhancements in our Tiny documentation.

Get TinyMCE 5.5

One of the benefits of running TinyMCE from the cloud is that you are always up to date with the latest versions and features. If you’re already a cloud user, your editor will be updated to TinyMCE 5.5 automatically. 

For self-hosted instances and more information about upgrading, refer to the documentation about upgrading to the latest version of TinyMCE 5.

What next?

For a comprehensive overview of what’s new, check out the TinyMCE 5.5 release notes.

Not already using TinyMCE on the cloud? Get a free API Key and try it out. It’s super easy to set up. You also get a 14 day trial of the full suite of TinyMCE premium plugins.

TinyMCETiny Releases
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

  • World of WYSIWYGNov 29th, 2023

    Best WYSIWYG editor image upload solutions compared: under pressure

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

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Tiny logo

Stay Connected

SOC2 compliance badge

Products

TinyMCEDriveMoxieManager
© Copyright 2024 Tiny Technologies Inc.

TinyMCE® and Tiny® are registered trademarks of Tiny Technologies, Inc.