TinyMCE 8.9.0

The new Premium plugin, <Premium plugin name> // description here.

For information on the <Premium plugin name> plugin, see xref:<plugincode>.adoc[<Premium plugin name>].

The new open source plugin, <Open source plugin name> // description here.

For information on the <Open source plugin name> plugin, see xref:<plugincode>.adoc[<Open source plugin name>].

The TinyMCE 8.9.0 release includes an accompanying release of the <Premium plugin name 1> premium plugin.

<Premium plugin name 1> <Premium plugin name 1 version> includes the following <fixes, changes, improvements>.

TinyMCE’s xref:<plugincode>.adoc[<Premium plugin name eol>] plugin will be deactivated on <month> <DD>, <YYYY>, and is no longer available for purchase.

TinyMCE’s xref:<plugincode>.adoc[<Open source plugin name eol>] plugin will be deactivated on <month> <DD>, <YYYY>, and is no longer available for purchase.

The Enhanced Skins & Icon Packs release includes the following updates:

The Enhanced Skins & Icon Packs were rebuilt to pull in the changes also incorporated into the default TinyMCE 8.9.0 skin, Oxide.

For information on using Enhanced Skins & Icon Packs, see: Enhanced Skins & Icon Packs.

Previously, the styles applied to the content of a sidebar fixed the width of that sidebar. A user working in a wide editor could not give a sidebar more room, and a user working in a narrow editor could not reclaim space for the editable area.

In TinyMCE 8.9.0, TinyMCE renders a resize handle on sidebars registered with the resizable property set to true, and a user can drag that handle to resize the sidebar. The sidebars registered by the Comments and TinyMCE AI plugins are resizable by default. To keep the editable area usable, TinyMCE does not allow the editable area to shrink below 280 pixels, whatever width a user requests.

Previously, the content styles of a sidebar determined the width of that sidebar, and no editor option set that width.

In TinyMCE 8.9.0, three new options configure the width of any sidebar registered with the resizable property set to true. The sidebar_width option sets the width the sidebar opens at and defaults to 440. The sidebar_min_width and sidebar_max_width options set the smallest and largest widths a user can drag the sidebar to and default to 300 and 800. All three options set widths in pixels. To keep the editable area usable, TinyMCE does not allow the editable area to shrink below 280 pixels, and this limit takes precedence over all three options.

In TinyMCE 8.9.0, two new events report when a user resizes a sidebar. TinyMCE fires SidebarResizeStart when a user starts dragging the resize handle, and SidebarResized when a user stops dragging. The SidebarResized event carries a { width: number } payload holding the width of the sidebar, in pixels, after the resize.

Together with the sidebar_width option, these events allow an integration to store the width a user chooses and restore it the next time the editor loads. For an example, see: Persisting the sidebar width.

Previously, the styles applied to the content of a sidebar registered through addSidebar controlled the width of that sidebar. Resizable sidebars require TinyMCE to control that width instead, and that change of control would alter how every existing custom sidebar renders.

In TinyMCE 8.9.0, the addSidebar specification object accepts a new optional resizable property that defaults to false. A custom sidebar registered without the property renders as it did in earlier versions and is not resizable, so existing integrations are unaffected. Setting the property to true makes the sidebar resizable and requires the content of the sidebar to follow the width of the parent element. For information, see: Styling a resizable sidebar.

The sidebars registered by the Comments and TinyMCE AI plugins set resizable to true and are resizable by default.