Important changes to Tiny Cloud pricing > Find out more

NOTE: TinyMCE 5 reached End of Support in April 2023. No more bug fixes, security updates, or new features will be introduced to TinyMCE 5. We recommend you upgrade to TinyMCE 6 or consider TinyMCE 5 Long Term Support (LTS) if you need more time.

Using TinyMCE Comments

How to add, edit, resolve, and remove comments in TinyMCE

Contribute to this page

I’m trying to:

Add a comment

  1. Select the text from the desired location in the editor body.
  2. From the navigation menu, choose Insert-> Add Comment or click on the Add comment Add comment toolbar button to add the comment.
  3. The Comment box appears in the sidebar of the editor instance.
  4. Type a comment in the comment box, the “Say something…” placeholder text will disappear.
  5. Press Clear to discard or Save to store the input comment.

Result: The selected text will be highlighted as per the configured options. The following screen with the option for editing, deleting, and replying to the comment, will appear.

Delete Conversation

Note: The above procedure can be followed for adding multiple comments to the document.

Edit a comment

Follow this procedure to edit a comment.

  1. Click on the ellipsis (ellipsis - 3 horizontal dots) icon above the comments box to expand the menu.
  2. Select Edit from the menu items.
  3. The comment field becomes editable. Make the required changes.
  4. Click Cancel to discard or Save to store the changes.

Delete a comment

Follow this procedure to delete a comment. This option is not available for the first comment in a conversation.

  1. Click on the ellipsis (ellipsis - 3 horizontal dots) icon above the comments box to expand the menu.
  2. Select Delete from the menu items.
  3. The following options appear in the comments sidebar:
    delete comment
  4. Click Cancel to cancel the action or Delete to remove the comment from the conversation.

Delete a comment thread (conversation)

This option is only available for the first comment in a conversation. Once the comment is saved, follow this procedure to delete a conversation.

  1. Click on the ellipsis (ellipsis - 3 horizontal dots) icon above the comments box to expand the menu.
  2. Select Delete conversation from the menu items.
  3. The following decision dialog box will appear:
    delete conversation
  4. Click Cancel to cancel the action or Delete to remove the conversation.

Result: The conversation and all its subsequent comments will be deleted.

Resolve a comment thread (conversation)

Note: This feature is only available for TinyMCE 5.8 and later.

NOTE: This feature requires the tinycomments_resolve or tinycomments_can_resolve setting to be configured.

This option is only available for the first comment in a conversation. Once a comment is saved, follow this procedure to resolve a conversation.

  1. Click on the ellipsis (ellipsis - 3 horizontal dots) icon above the comments box to expand the menu.
  2. Select Resolve conversation from the menu items.
  3. The following decision dialog box will appear:
    resolve conversation
  4. Click Cancel to cancel the action or Resolve to resolve the conversation.

Result: The conversation will be resolved.

Show or view a comment

Follow this procedure to display the comments sidebar:

  1. Place the cursor on the desired text in the editor body:
  2. From the navigation menu, choose View -> Show Comment or click on the Show CommentsComments toggle toolbar button to display the comment.

Result: The comments sidebar will appear and display the corresponding conversation for the highlighted text.

Delete all comment threads

Follow this procedure to delete all conversations in the document:

  1. From the navigation menu, choose File -> Delete all conversations option to delete all the comments in a document.
  2. The following decision dialog box will appear:
    Delete all conversations
  3. Click Ok to remove the all the comments or Cancel to dismiss the action.

Result: All the comments for the selected document will be deleted.

Can't find what you're looking for? Let us know.

Except as otherwise noted, the content of this page is licensed under the Creative Commons BY-NC-SA 3.0 License, and code samples are licensed under the Apache 2.0 License.