TinyMCE 8.10.0

Previously, when the image proxy returned an error for an image, such as a 404 or 424 response, clicking Edit image did not open the Edit Image dialog and did not display a message. The Image Editing plugin logged an uncaught error to the browser console instead. Users received no indication that the image could not be loaded for editing.

In TinyMCE 8.10.0, the Image Editing plugin displays an error notification when the image cannot be loaded. The plugin also displays an error notification when applying an edit from the Edit Image dialog fails. The image proxy returns a 424 response when it cannot retrieve the image from its source. In that case, the notification reports that the image failed to load.

For information on the Image Editing plugin, see: Image Editing.

Previously, the Complete review and Cancel buttons for a Suggested Edits review appeared in a header bar above the review content, apart from the sidebar that lists the suggestions.

In TinyMCE 8.10.0, the Suggested Edits plugin shows these actions in the sidebar header, next to the Review edits title. The Save & Exit button replaces Complete review. The Exit review button replaces Cancel and shows only an icon, with Exit review as its tooltip and accessible label. Both actions work as before. The sidebar is also wider, 440 pixels instead of 316 pixels. For more information, see Header.

Previously, the Suggested Edits plugin placed the Show edits toggle in the header of the Review edits view, apart from the review content that the toggle switched. With Show edits turned off, the plugin also dimmed the suggestion cards, which made the cards look disabled even though their buttons still worked.

In TinyMCE 8.10.0, the Suggested Edits plugin replaces the Show edits toggle with Diff mode and Preview options in a footer below the review content. Diff mode shows the suggested edits and is the default view. Preview shows how the document reads with the suggested edits applied. The suggestion cards no longer dim in either view. The footer matches the review bar in TinyMCE AI, so the view switch appears in the same place in both plugins. For more information, see Footer.

Previously, the Review edits view replaced the whole editor, including the menu bar and toolbar, so the review appeared as a separate screen.

In TinyMCE 8.10.0, the Suggested Edits plugin keeps the editor menu bar and toolbar visible during a review and makes the editor content read-only. Most toolbar buttons and menu items are disabled during the review, but items that work in any editor mode, such as Fullscreen, Preview, and Print, remain available. Opening a sidebar closes the review. For more information, see Reviewing edits.

Previously, the Review edits view covered the editor status bar, so the editor could not be resized during a review.

In TinyMCE 8.10.0, the status bar remains visible during a review, and the editor can be resized while suggestions are reviewed.

Previously, the Accept all and Reject all bulk actions changed the status of every suggestion, including suggestions already accepted or rejected individually. Reviewers who mixed individual and bulk decisions lost their earlier decisions and had to make them again.

In TinyMCE 8.10.0, bulk accept and reject apply only to unresolved suggestions. While some suggestions are resolved and others remain unresolved, the bulk actions are labeled Accept remaining and Reject remaining. Revert all is unavailable until at least one suggestion is resolved, and the accept and reject actions are unavailable when no unresolved suggestions remain. For more information, see Bulk actions.

Previously, each suggestion card stacked the author, a colored label for the type of change, and the date, and a selected card added a row of Reject and Accept text buttons below its details.

In TinyMCE 8.10.0, the card header shows the author’s avatar, name, and the date in one row. Accept and Reject are icon buttons with tooltips in the card header. The buttons appear when pointing to a card and stay visible while the card is selected, so more cards fit in the sidebar.

Previously, suggestion cards described only the type of content that changed, such as "deleted text", so reviewers could not tell from the card alone which part of the document had changed.

In TinyMCE 8.10.0, each card quotes the changed text, for example: Replaced “the” with “them”. Long text is shortened with an ellipsis. Changes that are not text name the type of content that changed, such as an image or a table. Reviewers can see what changed, and where, from the card alone.

Previously, suggestion cards were listed in the order the suggestions were created. For example, deleting an image near the top of the document after editing further down placed the card for the image near the bottom of the sidebar. Reviewers working from top to bottom had to move around the document.

In TinyMCE 8.10.0, suggestion cards are listed in the order their changes appear in the document, from top to bottom, regardless of who made each change or when. Users can work through suggestions in reading order and match each card to its change.

Previously, with Show edits turned on, the Suggested Edits plugin displayed unchanged content with the same emphasis as suggested edits, so the suggestions were hard to spot. With Show edits turned off, the plugin did not show where the suggestions were. The plugin also marked every line break in the document, not only the line breaks that changed. Reviewers had to read the whole document to find each suggestion and could miss one in a long document.

In TinyMCE 8.10.0, Diff mode dims unchanged content while suggestions are pending, so the pending suggestions stand out. Preview underlines added and modified content in place, and line break markers appear only where a line break was added or removed.

Previously, a deleted image was marked only with a highlight, which could be easy to miss.

In TinyMCE 8.10.0, Diff mode also marks deleted images, videos, and embedded frames with a large red X.

In TinyMCE 8.10.0, selecting a suggestion that replaces text in Preview shows and highlights only the new text, and the removed text stays hidden. Preview matches the content produced by accepting the suggestion. Diff mode continues to show both the removed and the added text.

Previously, opening the Review edits view jumped to the first change, and closing it scrolled the editor back to the cursor. Each time the review opened or closed, the reader lost the current position in the document.

In TinyMCE 8.10.0, the Review edits view opens at the same position in the document that the editor showed, and closing the review returns the editor to the position last shown in the review. Selecting a card still scrolls to its change.

Previously, the Up Arrow and Down Arrow keys did not move between suggestion cards in the sidebar, so keyboard users had to press Tab through the controls of each card to reach the next suggestion. Reviewing a document with many suggestions from the keyboard was slow.

In TinyMCE 8.10.0, the Up Arrow and Down Arrow keys move between suggestion cards in the sidebar and select the focused suggestion, which highlights it in the document. Pressing Enter on a card moves focus into the content of that card. For more information, see Keyboard navigation.

In TinyMCE 8.10.0, screen readers announce whether a suggestion was accepted or rejected as part of the card name, and the button that reverts a decision is announced as Revert.

Previously, when a changed element did not have a friendly name, its card showed the HTML tag name of the element. For example, pasting content that contained a div element produced a card reading "Added div". Users could see technical terms that did not explain the change.

In TinyMCE 8.10.0, cards describe elements without a friendly name as "content", so "Added div" now reads "Added content". The card still shows the changed text, and elements that already have a friendly name, such as paragraphs, images, tables, and lists, are described as before.

Previously, feedback on a suggestion that contained a long string with no spaces, such as a long link, ran past the edge of the suggestion card. The overflowing text pushed the buttons and the feedback text box of the card out of alignment and made the sidebar scroll sideways.

In TinyMCE 8.10.0, long feedback text wraps onto new lines within the suggestion card, and the buttons and text box of the card remain aligned.

Previously, when one suggestion changed both an element and the content inside it, such as the font size of a list, the Review edits view highlighted the element, then highlighted each part of the content inside it again. The Review edits view also stacked the selection styling when the suggestion was selected. The stacked styling made the change cluttered and harder to read.

In TinyMCE 8.10.0, the Suggested Edits plugin applies the highlight and selection styling once for each suggestion, on the outermost element that the suggestion changes, in both Diff mode and Preview.

For information on the Suggested Edits plugin, see: Suggested Edits.

Previously, the TinyMCE AI plugin worked with one editor at a time. When related content was split across several editors on a page, users had to run Chat, Review, and Quick Actions in each editor separately, and the AI had no context from the other editors.

In TinyMCE 8.10.0, the TinyMCE AI plugin can group editors on the same page. Editors that share a tinymceai_group value share one Chat sidebar and one Review sidebar. Chat, Review, and Quick Actions work across the content of every editor in the group, and the plugin previews and applies each change in the editor it belongs to. The Review sidebar groups suggestions under the name of the editor they belong to.

The tinymceai_document_name option names the content of each editor, and the tinymceai_document_description option describes that content to the AI service.

For information on multi-editor mode, see Multi-editor mode.

Previously, a deleted image in a TinyMCE AI preview was marked only with a highlight, which could be easy to miss.

In TinyMCE 8.10.0, Diff mode in a TinyMCE AI preview also marks deleted images, videos, and embedded frames with a large red X.

Previously, when one suggestion changed both an element and the content inside it, such as a modified list item and its modified text, the TinyMCE AI plugin applied the highlight, selection, and preview highlight styling to the element and again to the content inside it. The stacked styling appeared in Diff mode and Preview for Chat, Quick Actions, and Review suggestions. It made the suggestion cluttered and harder to read.

In TinyMCE 8.10.0, the TinyMCE AI plugin applies the highlight, selection, and preview highlight styling only once for each suggestion, on the outermost element that the suggestion changes, in both Diff mode and Preview. Content inside that element no longer repeats the styling.

Previously, when the Review sidebar was open but no review was in progress, the TinyMCE AI plugin handled a quick action preview as if it belonged to a review. Selecting Apply all or Skip all in the preview footer did not resolve the suggestions, and the editor stayed in preview mode. Users had to close the Review sidebar before they could apply or skip the result of a quick action.

In TinyMCE 8.10.0, the TinyMCE AI plugin resolves a quick action preview based on whether a review is in progress, not on whether the Review sidebar is open. While the Review sidebar is open, Apply all applies the suggestions, Skip all skips them, and the editor then leaves preview mode.

Previously, in Diff mode, the TinyMCE AI plugin hid part or all of a change as soon as applying or skipping the suggestion removed that content from the result. This affected a skipped addition, an applied deletion, and the added part of a skipped replacement. The suggestion stayed selected, for example as a card in the Review sidebar, but the change no longer appeared in the content. Users could not check what they had just applied or skipped, so reconsidering a decision before finishing the review was harder.

In TinyMCE 8.10.0, the TinyMCE AI plugin shows the full change in Diff mode while an applied or skipped suggestion is selected, with removed content struck through and added content styled as an addition. The plugin hides the change when another suggestion is selected, and shows it again whenever its suggestion is selected. Preview still shows only the resulting content.

Previously, the confirmation dialog that appeared when a user deleted a conversation from the Chat history displayed the Yes and No buttons in English, regardless of the editor language. The TinyMCE AI plugin translated the confirmation message but not the button text, so users of a non-English editor saw a dialog in two languages.

In TinyMCE 8.10.0, the TinyMCE AI plugin translates the Yes and No buttons into the language set by the language option. The whole confirmation dialog now appears in the configured language.

Previously, clicking empty space outside a suggestion in a TinyMCE AI preview did nothing. The last selected suggestion stayed highlighted, its context toolbar stayed on screen, and during a review the matching card in the Review sidebar stayed selected. The only way to clear the selection was to select a different suggestion. Users could not get a clear view of the proposed content, and the context toolbar could cover nearby text.

In TinyMCE 8.10.0, clicking anywhere in the preview outside a suggestion clears the active selection. The TinyMCE AI plugin closes the context toolbar and, during a review, removes the highlight from the card in the Review sidebar.

Previously, the TinyMCE AI plugin reserved space for a scrollbar whenever the Diff mode tab displayed proposed changes, even when the content was too short to scroll. The empty gutter beside the content looked like a broken scrollbar.

In TinyMCE 8.10.0, the TinyMCE AI plugin no longer reserves space for a scrollbar in Diff mode. A scrollbar appears only when the content is long enough to scroll.

The TinyMCE AI plugin runs one AI task at a time, and starting a new task cancels the task in progress. Previously, when a user started a quick action, sent a chat prompt, or started a review while another task was still running, the plugin canceled both the running task and the new one. Users had to start the new task again.

In TinyMCE 8.10.0, starting a new task while another task is running cancels only the running task. The new quick action, chat prompt, or review runs to completion.

Previously, the TinyMCE AI plugin did not check the value returned by the tinymceai_chat_fetch_sources function. When the function resolved with a value in an unexpected format, for example a source without a type or a defaults value that was not an array, the browser console showed a generic JavaScript error that did not identify the cause.

In TinyMCE 8.10.0, the TinyMCE AI plugin checks the returned value against the formats that the option supports. When the value does not match, the browser console logs a DecodingError that includes the value the function returned.

Previously, while TinyMCE AI suggestions were displayed in the editor, for example after running a quick action, opening an editor view such as the Suggested Edits review discarded the suggestions without warning. Switching to the Chat sidebar or the Review sidebar already asked for confirmation, but opening a view did not.

In TinyMCE 8.10.0, opening a view while suggestions are displayed shows the same confirmation dialog: Leaving this AI flow will discard current suggestions and reset applied changes. Continue? Canceling keeps the suggestions and the current view. Confirming discards the suggestions and opens the view.

Previously, when a user opened the Chat sidebar, typed a prompt, and pressed Enter before the list of AI models had loaded, the TinyMCE AI plugin sent the prompt without a model. An error notification appeared, and the browser console logged TinyMCE AI Error: No model selected. The send button was already disabled until a model was selected, but pressing Enter bypassed that check.

In TinyMCE 8.10.0, pressing Enter does nothing until a model is selected. The prompt text stays in the prompt field, no error appears, and the user can send the prompt once the models have loaded.

Previously, the TinyMCE AI plugin showed different errors for invalid links added with Add context source > Link. An empty value or plain text, such as test, showed This URL isn’t valid. Check the full, correct web address and try again. A URL with an incomplete scheme or hostname, such as https://test, was sent to the AI service and failed with Failed to add web resource "https://test": The web resource could not be scraped from the provided URL.

In TinyMCE 8.10.0, the TinyMCE AI plugin accepts a link only when its URL uses the http or https scheme and has a hostname that contains a dot, such as example.com. Any other value shows This URL isn’t valid. Check the full, correct web address and try again. and is not sent to the AI service. The same check applies to web resources returned by the tinymceai_chat_fetch_source option, so URLs such as http://localhost are rejected.

Previously, in the TinyMCE AI Chat history, the actions button on each conversation, which opens the Pin, Rename, and Delete options, had no accessible name. Screen readers announced it only as "button".

In TinyMCE 8.10.0, screen readers announce the button as "Chat actions", and announce each conversation in the history by its title and date.

For information on the TinyMCE AI plugin, see: TinyMCE AI.

Previously, when the Spell Checker plugin was active, pressing the Up Arrow key to move up through several lines could place the caret at the beginning of a line instead of keeping its column position. The same problem occurred when extending a selection upward with Shift+Up Arrow.

In TinyMCE 8.10.0, the Spell Checker plugin restores the selection only when spell checking changes the editor content. The caret keeps its column position when it moves up through lines, including when Shift+Up Arrow extends a selection.

Previously, when spell checking as-you-type was enabled and a selection started or ended immediately before a misspelled word, disabling spell checking removed the misspelled word from the selection. Formatting applied to the selection afterward, such as bold, then skipped the misspelled word.

In TinyMCE 8.10.0, the Spell Checker plugin keeps the selection unchanged when spell checking is disabled.

For information on the Spell Checker plugin, see: Spell Checker.

Previously, when a user pasted the same image more than once from HTML content, such as from another editor or a Microsoft Word document, the PowerPaste plugin created a new blob URL for each copy. The editor treated each copy as a separate image and uploaded each one. Without the PowerPaste plugin, copies of the same pasted image already shared one blob URL.

In TinyMCE 8.10.0, the PowerPaste plugin checks whether the editor contains an image with identical data. When the editor already contains a matching image, the plugin reuses the blob URL of that image. Copies of the same image now share one blob URL for every paste source. The editor uploads the image only once.

Previously, when a user pasted a nested list from Google Docs and selected Keep formatting, the PowerPaste plugin made every nested list item bold, even when only the top-level list item was bold in the source document. The pasted list did not match the original document. Pasting with Remove formatting avoided the issue, but also removed the inline styles and classes from the pasted content.

In TinyMCE 8.10.0, the PowerPaste plugin keeps the font weight of each list item from the Google Docs content. When only the top-level list item is bold, the plugin pastes the nested list items with normal font weight, and the pasted list matches the original document.

For information on the PowerPaste plugin, see: PowerPaste.

The revision metadata object now supports an optional tags field. The tags field takes an array of tag objects, each with a label string. The Revision History plugin displays each tag as a label on the revision card, in the same style as the revision type label, such as DRAFT. The plugin displays the label text exactly as provided, without changes to capitalization.

Integrators can use tags to mark saved revisions with a custom status, such as REVIEWED or Legal.

For information on the Revision History plugin, see: Revision History.

Previously, when the editor content CSS was bundled, the Templates plugin did not load it into the template preview of the Insert template dialog. The preview loaded content CSS only from URLs, so it did not match the styling of the editor content. TinyMCE 8.4.0 fixed the same problem in the Preview dialog, the Suggested Edits view, and the Revision History view.

In TinyMCE 8.10.0, the Templates plugin adds bundled content CSS to the template preview, so the preview matches the editor content. Content CSS loaded from a URL works as before. For information on bundling content CSS, see Bundling content CSS.

For information on the Templates plugin, see: Templates.