TinyMCE 4.5 Released

The recent release of TinyMCE 4.5 brought some exciting new features, which you can read about further below.

Before we get to that goodness, I want to make sure to thank the TinyMCE community for their contributions to this release. We had five patches from four contributors, so a big shout out to Charles Bourasseau (@cboura), Matthias Balmer, Daniel Jalkut (@danielpunkass) and finally Georgii Dolzhykov, who had two patches in 4.5. Make sure to check out their work and show them some love.

As promised, here are some highlights from the 4.5 release.

Creating a sidebar panel

You’re a developer. You want to build cool stuff. We get it, and we want to give you the tools you need to do just that.

With this release, you can now create your own custom sidebar panels, and buttons to toggle the panels on and off.

Using our new API, our dev team whipped up a sidebar that allows you to inject an image into your text. Because this is a blog post on the internet, I think we’re legally required to use an example featuring a cat:

It’s cat-tastic!

Enhanced Linking

When you create a hyperlink in your text, the URL field will now pre-populate with any existing headings or anchors, as well as options for linking to the and of the page.

 

You can also choose from any existing anchors:

It’s a great time saver – no more scrolling ahead or behind you to copy the header or anchor link you want, then returning to the location of the hyperlink and pasting the link. Now, you can do all of that from the Insert Link dialog.

We’ve also added another piece of functionality around linking, a contextual menu, and more in this release.

New insert_toolbar option makes it easy to collapse toolbar items

Ever felt like your toolbar was just getting a little too cluttered, and you wanted a more streamlined way to access your favorite menu items? Us too. That’s why we’ve introduced a new “+” drop-down menu, which you can configure with your favorite items, and leave off the options you just don’t use.

So you could go from this:

 

To this:

Much easier on the eyes, right? This will work with both our Inlite and standard themes.

Table of Contents

Now you can create a Table of Contents based on the headings in your document. Click on the Table of Contents toolbar icon and voila. Table of Contents is at your service, and ready to help your readers better navigate your killer content.

 

(If selecting the ToC functionality from the drop-down menu is more your style, we’ve got you covered.)

We want to note that there is some CSS styling required to get the look and feel of the ToC feature – whether it’s for changing the look in your editor, or adding the look on your page. Check the documentation for reference.

Other updates not to be missed

• 30+ bug fixes
• New auto-complete menu to all url fields that can add history, link to anchors, and etc.
• New images_reuse_filename option available to allow filenames of images to be retained for upload
• Open link feature to ctrl+click, alt+enter and open up a context menu
• New media_embed_handler option available to allow the media plugin to be populated with custom embeds
• New support for editing transparent images using the Image Tools dialog
• New style_formats_autohide option available to automatically hide styles based on context
• New codesample_content_css option available to specify where the code sample prism css is loaded from
• Added complex previews for elements like table or lists inside the style_formats option
• Word Count now works with Chinese and Japanese characters
• The default body font size has been increased to 14px from 11px
• Several security improvements

As always, you can read about the full extent of the release in the 4.5 changelog here.