info_circleEphox is now Tiny.
  • Products ⌄
    • TinyMCE
      • Features
      • Extensions
      • Demos
      • Download
      • Docs
      • Pricing
    • More Rich Text Editors
      • Textbox.io
      • Textbox.io for IBM Connections
      • Textbox.io for IBM WCM
      • EditLive!
      • Compare Rich Text Editors
    • File Management
      • Tiny Drive
      • MoxieManager
      • Plupload
  • Support ⌄
    • TinyMCE Docs
    • Other Product Docs
    • Help Desk
  • About ⌄
    • Team
    • Careers
    • Contact
  • Blog
Login
Twitter
LinkedIn
GitHub
CONTACT

TinyMCE 4.5 Released

November 23, 2016Blake McCallisterCompany News, Engineering, Product Updates

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:

TMCE4.5 sidebarpanel before

TinyMCE 4.5 sidebar panel after image is injected

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.

Enhanced linking with headings

 

You can also choose from any existing anchors:

Enhanced Linking from 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:

TinyMCE toolbar normal view

 

To this:

Collapsed TinyMCE toolbar

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.

Table of Contents feature after

 

(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.

Tags: TinyMCE
Blake McCallister
Senior Product Manager @ Ephox

3 comments. Leave new

Misiu
March 17, 2017 11:07 am

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?

Reply
Blake McCallister
March 28, 2017 1:30 pm

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/

Reply
TinyMCE 4.6 update looks to the future of rich-text editing — by Robert Collings
May 4, 2017 12:37 pm

[…] 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 […]

Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

About

Tiny helps developers create great content creation applications.

Email
Twitter
LinkedIn
GitHub

Resources

  • Docs
  • Support
  • Our Team
© 2019 Tiny Technologies Inc. | Terms | Privacy

TinyMCE® is a registered trademark of Tiny Technologies, Inc.