TinyMCE AI Review

The Review feature provides users with AI-powered quality assurance for their content by running checks for grammar, style, tone, and more. It also introduces an intuitive interface for reviewing and managing AI-suggested edits directly within the document, ensuring content meets professional standards with minimal manual effort.

Demo

TinyMCE
HTML
JS
Edit on CodePen

<textarea id="tinymceai">
  <h1 style="font-size: 1.5em; color: black; margin-top: 0; text-align: left;">TinyMCE AI</h1>
  <p style="font-size: 1em; color: #333; margin: 15px 0;">TinyMCE AI provides AI-powered features including AI chat, AI review, and quick actions.</p>
</textarea>

tinymce.init({
  selector: 'textarea#tinymceai',
  height: '800px',
  plugins: ["tinymceai", "advlist", "anchor", "autolink", "charmap", "code"],
  toolbar: "undo redo | tinymceai | styles | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
});

Overview

The Review feature analyzes your content and provides specific recommendations for grammar, style, clarity, and tone improvements. Unlike Actions that transform content directly, Reviews analyze your content and provide suggestions without automatically changing the content.

TinyMCE AI Review feature showing AI-powered quality assurance and suggested edits

Integration

To start using the Review feature, first load the TinyMCE AI plugin in your editor configuration. The Review Mode button Review icon will appear in the AI user interface. Learn more about installing and enabling AI features.

After picking one of the available commands in the Review Mode tab, AI will analyze the document and propose a series of suggestions:

TinyMCE AI Review sidebar with suggestions

While in the Review Mode, the editor remains read-only and allows you to browse suggestions. You can either click suggestions in the sidebar or select them in the editor content (underlined):

You can accept or dismiss review suggestions by clicking the corresponding buttons. You can also accept all suggestions by using the "Accept all" button in the top of the user interface and preview changes similar to chat suggestions. Changes that were accepted or dismissed become greyed out in the interface. You can also abandon the review by hitting the "Exit review" button.

Once you are done reviewing your document and all changes are accepted or rejected, click "Finish review" (the button state changes automatically) to return to the normal operation of the editor, where typing is possible.

Review commands

The feature comes with several review commands:

Command name	Command description	Additional information
Custom command	Enter a custom command for a specific review	You can pick one of the available AI models to execute a custom command
Proofread	Check the text for errors in grammar, spelling and punctuation
Improve clarity	Improve the logical structure and precision for clearer message
Improve readability	Adjust sentence structure and word choice for an easier read
Adjust length	Shorten or lengthen the text as needed	Longer and Shorter options available
Adjust tone and style	Modify the text to a desired tone and style	Several tone and style options are available: Casual, Direct, Friendly, Confident, Professional
Translate	Translate the text into another language	Several languages are available out-of-the-box, and the list can be customized: English, Spanish, French, German, Chinese (Simplified), Japanese, Russian, Portuguese, Korean, Italian

Command name

Command description

Additional information

Custom command

Enter a custom command for a specific review

You can pick one of the available AI models to execute a custom command

Proofread

Check the text for errors in grammar, spelling and punctuation

Improve clarity

Improve the logical structure and precision for clearer message

Improve readability

Adjust sentence structure and word choice for an easier read

Adjust length

Shorten or lengthen the text as needed

Longer and Shorter options available

Adjust tone and style

Modify the text to a desired tone and style

Several tone and style options are available: Casual, Direct, Friendly, Confident, Professional

Translate

Translate the text into another language

Several languages are available out-of-the-box, and the list can be customized: English, Spanish, French, German, Chinese (Simplified), Japanese, Russian, Portuguese, Korean, Italian

Customizing translation commands

The tinymceai_reviews_translations configuration property allows you to provide a custom list of translations for the "Translate" check. For instance, the following configuration will add "German" and "French" to the list:

tinymce.init({
  selector: '#editor',
  plugins: 'tinymceai',
  toolbar: 'tinymceai',
  tinymceai_token_provider: function() {
    return fetch('/api/token').then(response => response.text());
  },
  tinymceai_reviews_translations: [
    {
      id: 'german',
      label: 'German'
    },
    {
      id: 'french',
      label: 'French'
    }
  ]
});

AI chat – For interactive discussions with document analysis and context.
Quick actions – For content transformation and batch processing.
Reviews API – For API-level review functionality.
Introduction – Overview of all TinyMCE AI features.