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.
3 comments. Leave new
Hi Blake, I’m trying to create a sidebar gadget for my custom TinyMCE editor. Your insert image would be very helpful. Is source for it available? It would ba awesome if You guys could share some more advanced examples. Also is it possible to have sidebar expanded by default?
Hi Misiu –
Thanks for your comment, and apologies for the delay in responding. You can find all our current information on the sidebar in our TinyMCE docs section:
https://www.tinymce.com/docs/advanced/creating-a-sidebar/
If there’s not something there you’d like to see, please post it in the Ideas section of our TinyMCE Community, so others can read, comment and vote on your idea. Thanks!
https://community.tinymce.com/
[…] 4.6 marks a significant update to the world’s most popular WYSIWYG editor since our last major release, and the many minor releases since. Most of our work focused on restructuring the TinyMCE core, as […]