Helios Editor

Collaboration Features

Add, view, and manage comments and mentions in your documents.

New in v3.5.0

Collaboration features including comments and @mentions are now available!

Comments

The comments feature allows users to add notes to selected text with a dedicated comments panel.

How to Use

  1. Select the text you want to comment on
  2. Click the comments button in the toolbar
  3. Type your comment in the comments panel
  4. View and manage all comments in the dedicated panel

Example

<HeliosEditor
  value={content}
  onChange={setContent}
  toolbarOptions={[
    'bold', 'italic', 'underline',
    'comments', // Enable comments
    'mentionUsers' // Enable mentions
  ]}
/>

@Mentions

Tag and mention users in the document with a searchable user picker.

How to Use

  1. Type @ in the editor
  2. A searchable user picker will appear
  3. Select the user you want to mention
  4. The mention will be inserted into the document

Features

  • Searchable user picker
  • Real-time user search
  • Visual mention indicators
  • Easy user tagging

Toolbar Configuration

To enable collaboration features, add them to your toolbarOptions:

<HeliosEditor
  value={content}
  onChange={setContent}
  toolbarOptions={[
    'bold', 'italic', 'underline',
    'comments',      // Add, view, and manage comments
    'mentionUsers',  // Tag and mention users
    // ... other options
  ]}
/>

Benefits

Team Collaboration

Work together on documents with comments and mentions

Easy Communication

Tag team members and add context with comments