Several weeks ago, we released a big update to TinyMCE, version 4.4. It’s available now from our downloads page.
The major feature of this release is a new theme, called InLite. The design team created InLite in response to user requests for a minimalist interface. Integrated seamlessly with TinyMCE’s inline mode, it delivers a similar experience to Medium’s content creation interface.
We also delivered several core improvements in 4.4. These include updates to accessibility, the image editor and integration documentation. We also added a new enterprise HTML editor plugin.
So let’s take a look at the major updates in TinyMCE 4.4.
TinyMCE has supported custom themes for quite some time. But we haven’t added any options since most people are familiar and comfortable with the main UI.
As the web matures, we’re constantly looking at the user interface and end-user experience. After a lot of user testing, we finally have a new theme reflecting this maturing. Called InLite, the theme is tailored for use in TinyMCE’s inline mode (not textarea). It completely removes the regular toolbar and instead adds a more lightweight, editing option.
Think of it as a distraction-free version of the editor, where the toolbar will not be shown when you load TinyMCE. Instead, everything is context-based. When you select text or put your cursor on a blank line, you get the tools relevant to you.
You’ll find new types of config options to control what functionality in the toolbars. Although there’s technically no limit to what you can add, we recommend you use this UI in simpler setups, where you won’t need all the buttons of the default theme.
Please note that the new InLite theme only works in inline mode, and not with textareas.
Two other new pieces of functionality that are specific to the Inlite theme are Quicklink and Quickimage.
Quicklink is an inline link tool. Instead of the bulky dialog, you get a simple inline item that can insert a simple link for you. You can still use the normal image or link dialog if you wish.
Quickimage allows you to select an image directly from your computer to add to the editor contents. This requires extra integration steps because the image needs to be uploaded before the content is submitted. (See the Upload API).
Here’s a look at some other cool stuff in this release.
An enhancement to our Paste and PowerPaste plugins, Smartpaste will dynamically try to figure out what you are inserting based on the URL pasted. If it’s an image, it will embed it as an image, while also registering an undo event. So, if you don’t want an image pasted, simply undo one step and the content will go back to a link instead.
We’ve also made some tweaks to accessibility features, including making inline toolbars more friendly when you use keyboard controls.
Updates to contentEditable=false
contentEditable=false is becoming a mature way to make widget and custom elements, or to set elements into the editor that need to be handled as a block. We continue to improve the editor’s handling of contentEditable=false.
We also continue to improve TinyMCE’s documentation. We promised it would be a work in progress, and that work continues. If you’re TinyMCE with frameworks like React or AngularJS, check out our integration documentation. If you find any issues with this, please report them in our GitHub issue tracker.
Improved image editor
The image editor has gone through some significant updates in 4.4. We improved the quality of resized images, as well making improvements to the API as well.
TinyMCE Enterprise update
TinyMCE 4.4 also brings updates to the commercial (Enterprise) release. Along with the latest stable community release, we added some new functionality.
Advanced Code Editor
We now have an integrated HTML code editor available for our Enterprise package called the Advanced Code Editor. Delivering an IDE-like working environment, it’s perfect for if you enjoy fixing HTML yourself and is yet another sign of our commitment to UI and UX.
This update also brings a number bug fixes to commercial plugins, with the majority of them coming from client feedback via our support team.
How to get TinyMCE 4.4
Thanks to everyone involved in making TinyMCE better. We appreciate the open source community’s tireless contribution to the core editor and default plugins. Thanks also to our commercial customers who provide feedback on enterprise use cases.