TinyMCE 5.10.6


TinyMCE 5.10.6 was released for TinyMCE Enterprise and Tiny Cloud on Wednesday, October 26th, 2022. It includes TinyMCE 5.10.6 and additional changes to premium plugins. These release notes provide an overview of the changes for TinyMCE 5.10.6, including:

This is the Tiny Cloud and TinyMCE Enterprise release notes. For information on the latest community version of TinyMCE, see: TinyMCE Changelog.

Accompanying Premium Plugin changes

The following premium plugin updates were released alongside TinyMCE 5.10.6.

PowerPaste 5.6.2

The TinyMCE 5.10.6 release includes an accompanying release of the PowerPaste premium plugin.

===# If URL paths contained either a colon or an exclamation point (or both) PowerPaste’s link detection logic failed

If a colon or an exclamation point — : or ! — was present in the path portion of a URL, PowerPaste’s link detection logic treated the characters as, in effect, end-of-path boundaries. As a consequence, while the string was pasted into TinyMCE, the expected link was incomplete and incorrect.

For example, pasting the string

resulted in the following, incomplete, link and trailing text

<a href="https://example.com/">https://example.com/</a>!exclamation-point

Equivalent results occurred when URL paths contained the colon character (for example, https://example.com/:colon).

With this update, the link detection logic has been improved to capture and present such URLs correctly.

Now, pasting the string

results in the following, complete, link and no trailing text

<a href="https://example.com/!exclamation-point">https://example.com/!exclamation-point</a>
Exclamation points and colons are still boundary characters for URL detection and delimiting. If the string https://example.com/colon: is pasted or typed into a TinyMCE document, automatic link detection will produce a link that does not include the trailing colon character. For information on the PowerPaste plugin, see: PowerPaste plugin.

Accompanying Premium self-hosted server-side component changes

The TinyMCE 5.10.6 release includes changes affecting the TinyMCE self-hosted services for the following plugins:

  • The Enhanced Media Embed plugin (mediaembed)

  • The Image Tools plugin (imagetools)

  • The Link Checker plugin (linkchecker)

  • The Spell Checker Pro plugin (tinymcespellchecker)

The Java server-side components have been updated to the following versions:

  • ephox-spelling.war: 2.118.6

  • ephox-hyperlinking.war: 2.105.13

  • ephox-image-proxy.war: 2.106.4

This version requires Java 8 or higher. For information on the removal of Java 7 support, see: Removal of Java 7 support for TinyMCE 5.3 and later.

For information on:

Updating the self-hosted server-side components

The new versions of the server-side services provide updates for the Java-based server-side components. To deploy the updated version of the server-side components:

  1. Update your Java Application Server to the minimum required version:

    • Eclipse Jetty 9.4 or later

    • Apache Tomcat:

    • 9 or later

    • 8.5.12+

    • 8.0.42+

    • 7.0.76+

  2. Replace the existing server-side .war files with the .war files bundled with TinyMCE 5.10.6 or later.

For information on:

General bug fixes

TinyMCE 5.10.6 provides fixes for the following bugs:

The name and id attributes of some elements were incorrectly removed during serialization

Previously, when TinyMCE serialized editor content, a bug in the SaxParser incorrectly removed name and id attributes from some elements (for example, img and iframe elements, among others).

This occurred in several circumstances but could be demonstrated by adding, for example, an image with id and name attributes to a TinyMCE instance and then choosing Tools > Source code from the menu bar.

The displayed source code did not include the id and name attributes.

With this update, TinyMCE includes a change in the filtering that prevents the attribute stripping. Consequently, serialization no longer strips attributes from elements.

The TinyMCE 5.10.6 SaxParser method now works the same way as it does in TinyMCE 6. === Notifications did not properly reposition when toggling fullscreen mode

A TinyMCE toolbar option, Fullscreen, toggles the TinyMCE editor between the size it takes by default and, as the toolbar’s name suggests, fullscreen. Fullscreen is the largest size available to the editor (ie, taking up all the space available to TinyMCE in the browser).

If a TinyMCE instance had a custom notification, editor.notificationManager.open(), set to display when the Fullscreen button was used, toggling from Fullscreen back to default resulted in the notification displaying outside the TinyMCE editor.

TinyMCE 5.10.6 corrects this. When toggling between the two Fullscreen states, custom notifications now display immediately below the toolbar in either state, as expected.

Toggling fullscreen mode with the fullscreen plugin now also fires the ResizeEditor event

A bug in fullscreen mode toggling, in which notifications did not properly reposition, was addressed for this TinyMCE release.

As part of that fix, a change was made to the fullscreen plugin.

As of TinyMCE 5.10.6, toggling fullscreen mode with the fullscreen plugin also fires the ResizeEditor event.

Upgrading to the latest version of TinyMCE 5

The procedure for upgrading to the latest version of TinyMCE 5 depends on the deployment type.

Upgrading Tiny Cloud

Tiny Cloud provides the latest enterprise version of TinyMCE. For information on configuring Tiny Cloud, see: the Cloud deployment guide.

Upgrading TinyMCE Self-hosted manually

To upgrade to TinyMCE 5.10 using a manually downloaded package:

  1. Backup the tinymce/ directory so any customizations can be restored after the upgrade.

    Customizations for TinyMCE are typically stored in the following directories:

    ├── icons/
    ├── langs/
    ├── plugins/
    ├── skins/
    │   ├── content/
    │   └── ui/
    └── themes/
  2. Download the latest version of TinyMCE.

    • For the TinyMCE Community Version, download tinymce_<VERSION>.zip from Get TinyMCE - Self-hosted releases, where <VERSION> is the latest version of TinyMCE.

    • For the TinyMCE Enterprise Version, download the TinyMCE Enterprise Bundle from Tiny Account > Downloads. The downloaded file will be named enterprise_latest.zip.

  3. Extract the downloaded .zip file to a temporary location.

  4. (If required) Install the latest language packs from Get TinyMCE - Language Packages.

  5. Copy customizations to the new tinymce/ directory. Ensure that only custom changes are added the new tinymce/ directory, such as:

    • Custom icons packs

    • Custom plugins

    • Custom skins

    • Custom themes

  6. Delete the existing tinymce/ directory and replace with the new tinymce/.

To simplify the upgrade process to future versions of TinyMCE:

  1. Host the TinyMCE customizations outside of the tinymce/ directory.

  2. Update your TinyMCE configuration as required:

    • Set the location of content CSS customizations using content_css.

    • Set the location of custom plugins using external_plugins.

    • Set the location of custom icon packages using icons_url instead of icons.

    • Set the location of custom localization packages using language_url instead of language.

    • Set the location of custom skin packages using skin_url instead of skin.

    • Set the location of custom themes using theme_url instead of theme.