The rich text editing space keeps on evolving – and so does TinyMCE. So what’s included, when and why? Let’s find out.
TinyMCE latest version: 6.4
The latest version of TinyMCE was released on April 5, 2023. This release comes with a number of user- and developer-friendly enhancements, like a new font size toolbar button, improvements to Advanced Code Editor, and 33 bug fixes.
However, by far the most interesting highlight of this release is the introduction of Advanced Templates, an industry-first in rich text editing. Read on to learn more…
⚠️Important: As of April 20, 2023, TinyMCE 5 reached end of support. Beyond this date, bug fixes and features won’t be introduced into TinyMCE 5, and as time goes on, our support team will have limited resources to help troubleshoot issues with TinyMCE 5.
If you’re running TinyMCE 4 or 5, we recommend you start the upgrade process to TinyMCE 6.
[New] Advanced Templates plugin
How many times a day do you think your users reuse the same content inside your app? Let’s say, like pre-written emails or boilerplate text.
What if you asked them what hacks or workarounds they’re using? They might be a little embarrassed by their answer…
Our research shows there’s a good chance they’re:
- Writing each piece of content from scratch (terribly inefficient)
- Copying frequently used content from a Google Doc into your app (prone to errors)
- …Or completely avoiding that part of their workday because they hate it so much
The problem with these approaches is that they kill productivity, introduce errors, lead to inconsistent content, and perhaps worst of all – make for a miserable user experience.
That’s why we built TinyMCE’s new Advanced Templates plugin.
The new plugin:
- Lets you define templates – HTML content snippets – that users can quickly insert into their content, without ever leaving your app.
- Lets users create their own templates within the editor, so they can add, modify, organize, or remove their most frequently used content.
That’s right – everything happens within your app. No more switching tabs, no more copy-paste errors, and way more consistency across your content.
See it in action:
This plugin was built with a few use cases in mind, but we’re sure it could be used in far more:
- Sending canned email replies
- Adding clauses to contracts
- Inserting content snippets into web pages
- Adding reusable learning objects to course content
Any use case where your users insert the same content over and over again, is where Advanced Templates shines.
The first step is to add the Advanced Templates plugin to your TinyMCE configuration.
Next, you’ll configure the plugin options to handle things like saving and retrieving templates to and from your data source. This is fairly straightforward for anyone who’s already set up the functionality needed to save TinyMCE content to their database.
Once that’s set up, your users are ready to start creating and reusing their own templates!
Advanced Templates is a Premium plugin and it’s available in the TinyMCE Professional plan and above.
If you’re not on a plan yet, you can sign up for a 14-day FREE trial to test-drive the plugin. Or, if you’re on a custom plan, reach out to your Account Manager to see if you have access.
Improvements to Advanced Code Editor
Did you know that Advanced Code Editor is TinyMCE’s third most popular premium plugin?
Every day, tens of thousands of people rely on it to tweak the HTML behind the content they’re editing. Support teams use it to troubleshoot rogue content, and power users use it to put the final touches on their masterpieces.
In TinyMCE 6.3, we introduced inline mode for Advanced Code Editor – giving you a new way to toggle between code view and WYSIWYG view.
Now, in TinyMCE 6.4, we’re providing an even more dev-friendly code editing experience right within TinyMCE. To do that, we’ve added four new buttons to the toolbar:
- Fullscreen mode
- Copy code
- Dark/light mode
- Increase/decrease font size
With these new features, power users now have a far more powerful – and familiar – way to modify the underlying HTML without ever leaving your app.
Advanced Code Editor is a Premium plugin that’s available in the TinyMCE Essentials plan and above. To start using the new features, upgrade to the latest version.
[New] Font Size Input toolbar button
Historically, TinyMCE has given users the option to choose their font size via a dropdown of font sizes, defined by you, the app developer.
This works great when you want to place strict controls over formatting, for example in a CMS or Email Builder. But what about cases where users are creating free-form content (for example, documents) and you want to offer them more flexibility?
Now, you can offer a Google-Docs-like font size picker that lets them quickly increase or decrease the font size, or type in their own value.
Just add the fontsizeinput button to the TinyMCE toolbar and you’re all set.
The new Font Size Input button is available in all versions of TinyMCE 6. To start using it, upgrade to the latest version.
TinyMCE 6.4 bug fixes
TinyMCE 6.4 carries 38 bug fixes, which are described in detail in the Changelog.
How to get TinyMCE 6.4
If you’re already on any version of TinyMCE 6, you can upgrade seamlessly – TinyMCE 6.4 is a minor version without any breaking changes.
If you’re on the TinyMCE Cloud and on the “6” channel, TinyMCE automatically updates to 6.4. Or, if you’re running TinyMCE self-hosted, you just need to update to the latest version.
But if you’re still on TinyMCE 4 or 5, now is the time to upgrade – TinyMCE 5 reaches end of support on April 20, 2023.
If none of these Premium plugins are available in your current TinyMCE plan, contact our Customer Success Team for assistance. You can also sign up for a FREE TinyMCE API key that comes with a 14-day FREE trial of the Premium plugins.
To find out what’s happening in the future for TinyMCE, head to our Public Product Roadmap to see what’s under development, and let the team at Tiny know what's important to you.
Learn more about previous TinyMCE versions
- TinyMCE 6.3: Introducing Advanced Typography, Inline CSS, and more
- TinyMCE 6.2: Create better content faster – Merge Tags, Autocorrect, & Footnotes
- TinyMCE 6.1: Improvements to Commenting, Avatars, APIs and more!
- Say hello to TinyMCE 6.0!