Skip to content

Conversation

@kemister85
Copy link
Contributor

@kemister85 kemister85 commented Feb 9, 2026

Ticket: DOC-3356

Site: tinymceai-introduction

Site: Integration Options: installation path
Site: tinymceai-with-jwt-authentication-nodejs/ will require testing and updates
Site: tinymceai-with-jwt-authentication-php/ will require testing and updates

Changes:

  • All things for tinymceai

Pre-checks:

  • Branch prefixed with feature/<version>/, hotfix/<version>/, staging/<version>/, or release/<version>/.
  • modules/ROOT/nav.adoc has been updated (if applicable).
  • Included a release note entry for any New product features.
  • If this is a minor release, updated productminorversion in antora.yml and added new supported versions entry in modules/ROOT/partials/misc/supported-versions.adoc.

Review:

  • Documentation Team Lead has reviewed

@kemister85 kemister85 added this to the TinyMCE 8.4.0 milestone Feb 9, 2026
@kemister85 kemister85 added the upcoming release Documentation for features currently under development/QA label Feb 9, 2026
@@ -0,0 +1,39 @@
== Quick Start Guide

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

For all such pages, I'm wondering if it'd be good to add a little context to this section. E.g. "If you don't already have a project, follow these steps to set up a basic environment. If you do, you can skip this section." But better wording. It's somewhat obvious, but could be nice to flag that people can skip if they're not starting from scratch?


== Generate a Public/Private Key Pair

include::partial$auth/private-public-key-pairs-for-tiny-cloud-services.adoc[]
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The headings within this include need to go down a level - currently H2, needs to be H3 so it's within the "Generate a Public/Private Key Pair" heading properly

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actually, additionally, I think "Generate a key pair locally" and "Add a public key in the JWT Keys section of your account portal" should be under one parent H3, since they're the two steps of that method (of the two methods).

[[web-search]]
=== Web search

Web search in Chat allows it to access and retrieve real-time information from the internet. Instead of relying only on pre-trained knowledge, the model can search the web to find up-to-date facts, verify details, and provide more accurate, current answers. Toggle the "Enable web search" button image:https://placehold.net/default.png[Web search icon,24px] for a compatible model to start using the Web search functionality.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Flagging that some models use web search of their own volition iirc; whether you need to turn it on manually depends on the model and sometimes even how you word your prompt

[[reasoning]]
=== Reasoning

Reasoning in Chat models turns on the ability to think through problems, draw logical conclusions, and make sense of complex information. It enables the model to analyze context, connect ideas, and produce well-structured, coherent answers beyond simple pattern matching. Toggle the "Enable reasoning" button image:https://placehold.net/default.png[Reasoning icon,24px] for a compatible model to start using the Reasoning functionality.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Flagging that some models use reasoning of their own volition iirc; whether you need to turn it on manually depends on the model and sometimes even how you word your prompt

[[model-selection-configuration]]
=== Configuration

The `tinymceai_conversations_models` configuration property allows you to configure model selection for AI chat. The property lets the integrator set the default model, tailor the available models list, or turn the list off. xref:tinymceai-integration.adoc#supported-ai-models[Learn more about available AI models].
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Instead of this kind of nested object, we've got 3 separate config options:

  • tinymceai_default_model
  • tinymceai_allow_model_selection
  • tinymceai_allowed_models

[[context-configuration]]
=== Configuration

The `tinymceai_conversations_context` configuration property configures the AI chat menu for adding resources to the prompt context.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We've done this differently, since we don't nest objects usually. I'm not sure we even have a setting to configure which options are available - might need to look into that - but we do have the following for integrators to add sources for users to use:

  • tinymceai_additional_sources_list
  • tinymceai_get_additional_source

Copy link
Contributor

@metricjs metricjs Feb 11, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The latter is more about hooking into a repository of custom sources or something I think

----

[[working-with-ai-generated-changes]]
== Working with AI-generated changes
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is where our UI differs the most I think. Showing changes and Previewing is a single toggle, and we lean on showing changes in the content rather than the chat. This section could probably be simplified a lot thanks to that.

[[review-commands]]
== Review commands

The feature comes with several review commands:
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We currently don't support custom commands or translation. That may change, but.


Actions are fast, stateless operations that transform content directly. Unlike Reviews that provide suggestions, Actions immediately modify your content based on the selected operation.

**When to use Actions vs Reviews:** Use Actions when you need to transform specific text content (fix grammar, translate, adjust tone). Use Reviews when you need to analyze entire documents for quality improvements and get suggestions without automatically changing the content.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same as before - Instead of "specific text content" should we say something like a selection or a small section or something? Since Quick Actions work on selections specifically.

:description_short: quick actions feature
:keywords: AI, quick actions, actions, tinymceai

Quick actions streamline routine content transformations by offering one-click AI-powered suggestions directly within the editor. You can also ask questions about your selected text in AI chat to get instant AI insights and analysis. This feature enhances speed, relevance, and usability, particularly for repeatable or simple tasks. The feature comes with an easy-to-use window interface but can also act as a conversation starter with the xref:tinymceai-chat.adoc[Chat].
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Quick actions streamline routine content transformations by offering one-click AI-powered suggestions directly within the editor. You can also ask questions about your selected text in AI chat to get instant AI insights and analysis. This feature enhances speed, relevance, and usability, particularly for repeatable or simple tasks. The feature comes with an easy-to-use window interface but can also act as a conversation starter with the xref:tinymceai-chat.adoc[Chat].
Quick actions streamline routine content transformations by offering one-click AI-powered suggestions directly within the editor. This feature enhances speed, relevance, and usability, particularly for repeatable or simple tasks. The feature comes with an easy-to-use window interface but can also act as a conversation starter with the xref:tinymceai-chat.adoc[Chat].

that sentence is about chat, not quick actions.


To start using the Quick Actions feature, first load the TinyMCE AI plugin in your editor configuration. xref:tinymceai-integration.adoc[Learn more about installing and enabling AI features].

Then, you can add the menu that opens the list of Quick Actions (`tinymceai-actions`) image:https://placehold.net/default.png[Quick Actions icon,24px] to your main toolbar and/or balloon toolbar configurations. To learn more about toolbar configuration, refer to the xref:toolbar-configuration-options.adoc[toolbar configuration] guide.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is "balloon toolbar" the equiv of our context toolbars? I assume so. Also want to check if we add the AI features to the selection toolbar by default if the plugin is enabled - Idk if we're doing that currently


* Some actions, for instance, "Ask AI" or "Summarize", lead to the xref:tinymceai-chat.adoc[Chat] interface with selected text added as context. The former will just open the Chat and allow you to start typing your message. The latter, however, will not only open the Chat but also start the conversation for your current editor selection right away, and expect a summary of that selection from the AI.

* Executing other actions like "Continue writing" or "Make shorter" will open the window interface conveniently right next to your selection and present the answers from the AI for you to accept or reject them.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

pretty sure our UI ended up being a bit different for this

----

[[removing-default-actions]]
== Removing default actions
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we let people configure the list instead of them having to specify which to remove. option is. tinymceai_quickactions_menu for the main menu, then any sub menus have their own option (tone, length, etc)

[[custom-actions]]
== Custom Actions

The `tinymceai_actions_extraCommands` configuration property allows you to add new commands to the Quick actions feature. Below, you will find an example of three extra actions added to the user interface: two of them open the quick actions window, but the last one interacts with AI chat. Learn more about xref:tinymceai-actions-plugin.adoc#types-of-actions[types of actions].
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

tinymceai_custom_commands

[[previewing-changes]]
=== Previewing changes

Click the "Show in the text" button image:https://placehold.net/default.png[Show in the text icon,24px] to display the information window about an individual change with options to apply it or turn it into a Suggested Edits suggestion. You can use this window to browse all proposed changes and work with them one by one. As you navigate through the changes, the window will automatically follow the corresponding sections of the document.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we don't integrated with Suggested Edits yet

image::https://placehold.net/default.png[TinyMCE AI Chat apply all changes]

[[inserting-suggested-edits]]
=== Inserting Suggested Edits suggestions
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we don't integrate with suggested edits yet


=== Quick actions and content markers issues

Applying quick action responses may result in the loss of Comments and Suggested Edits suggestion markers. This issue will be addressed in a future update.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

need to check with QA how their testing went with this


[NOTE]
====
Using AI features with the Suggested Edits feature requires proper user configuration. Learn more about the xref:tinymceai-integration.adoc#suggested-edits-dependency[Suggested Edits dependency] or refer to the xref:tinymceai-integration.adoc#sample-implementation[sample implementation] for more details.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we don't integrate with suggested edits yet


[NOTE]
====
You must configure a user interface type for the AI features to work. Learn more about the available options in the xref:tinymceai-integration.adoc#ui-types-and-positioning[UI placement] section or use the xref:tinymceai-integration.adoc#sample-implementation[sample implementation] as a reference.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we've limited UI options to just the two sidebar types - can simplify

[[sample-implementation]]
== Sample implementation

An example TinyMCE AI configuration is presented below. You can learn more about specific configurations such as xref:tinymceai-integration.adoc#ui-types-and-positioning[UI types and positioning] or xref:tinymceai-integration.adoc#suggested-edits-dependency[Suggested Edits dependency] in the later sections of this guide.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

positiong and suggested edits both aren't relevant right now.

To learn more about toolbar configuration, refer to the xref:toolbar-configuration-options.adoc[toolbar configuration] guide.

[source,js]
----
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we can make this so much simpler. how complex do we want it to be? e.g. show off all the settings? could still make it simpler than what it currently is

},

// ⚠️ Mandatory UI configuration.
// Display the AI user interface in a dedicated DOM element. The interface can be also displayed
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

don't need this - it just goes in the sidebar

====

[[suggested-edits-dependency]]
=== Suggested Edits dependency
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we don't integrate with suggested edits yet - remove section

====

[[ui-types-and-positioning]]
=== UI types and positioning
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we just have two sidebar types - static or floating - set by the config option tinymceai_sidebar_type . can simplify this section a lot

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

sidebar = sidebar, overlay = floating

Learn how to xref:tinymceai-integration.adoc#toggling-the-ui[toggle the AI overlay] using a dedicated toolbar button.

[[custom]]
==== Custom
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we don't support this (yet)


[source,js]
----
// Show the AI interface
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we just have one command - tinymceai-toggle-sidebar (name may yet get camelcased)

[[toggling-the-ui]]
=== Toggling the UI

The user interface can be easily toggled by the users using the `'tinymceai-toggle'` image:https://placehold.net/default.png[Ask AI icon,24px] toolbar button. The button becomes available for configuration when the AI features are enabled.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

when you click the toolbar button (or the menu item I guess) it opens or minimises the relevant AI sidebar.

  • click the chat toolbar button, chat opens. click it again, chat minimises (importantly: it doesn't wipe the chat history, just hides the sidebar)
  • click the chat toolbar button, chat opens. click the review button, review sidebar opens.
    etc.

if you're in the middle of reviewing suggested changes, the sidebar can be minimised to give you more screen space for reviewing. once done reviewing, you can open the sidebar again to keep working.

[[hiding-the-ui-on-initialization]]
=== Hiding the UI on initialization

By default, the AI interface will be visible when editor is created (and the xref:tinymceai-integration.adoc#toggling-the-ui[related toolbar button] will be active). If you wish to have it hidden until the user opens it (e.g. via toolbar button), set `tinymceai_ui_visible_by_default` property to `false`.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

need to check, but I think we actually do the opposite. need to use the command or something if you want it to show on load.

----

[[maximizing-the-ui]]
=== Maximizing the UI
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

not supported - delete section

To setup the {pluginname} plugin in the editor:

* add `{plugincode}` to the `plugins` option in the editor configuration;
* add `{plugincode}` to the `toolbar` option in the editor configuration;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we'll have ~3 toolbar buttons, not one, for the different features


* add `{plugincode}` to the `plugins` option in the editor configuration;
* add `{plugincode}` to the `toolbar` option in the editor configuration;
* configure the `tinymceai_token_provider` option to provide authentication tokens;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'd move this up a line since it's more required than toolbar buttons? nitpick

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

upcoming release Documentation for features currently under development/QA

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants