Comment Editor

Comment Editor is a simplified text editor for quick messages, comments, threads, and replies. Use it when users need to compose a short or medium response and send it immediately. It can include lightweight formatting, links, lists, images, and media when the comment flow needs them.

Use it for:

Writing comments in tasks, projects, activity feeds, reviews, and support threads.
Replying to a conversation with a compact compose box.
Sending message HTML through the sent event.
Adding a small toolbar, footer actions, cancel behavior, or image upload to a comment composer.

Do not use Comment Editor for long-form documents, CMS pages, complex content editing, markdown editing, code editing, search, or display-only comments. Use Content Editor or Text Editor when users need a fuller editing surface.

The NgStarter Angular Comment Editor component lets you provide a simplified text editor for quick messages, comments, threads, and replies. Use in tasks, projects, activity feeds, reviews, support threads, and conversation replies where users write a short or medium message and send it immediately. It includes examples for Basic Comment Editor, Toolbar Always Visible, Cancel Button Always Visible, and Custom Button Labels.

Basic Comment Editor

Use Comment Editor as a compact composer for quick comments, messages, thread replies, and activity feed responses.

Toolbar Always Visible

Keep the toolbar visible when formatting is a normal part of the message or reply workflow.

Cancel Button Always Visible

Show cancel when users may abandon a draft reply or close an active comment composer.

Custom Button Labels

Customize button labels when the composer sends a reply, note, review comment, or other message type.

Full View Mode

Use full view mode when the comment composer should stay expanded while users write a longer reply.

Upload Error

Handle upload errors when comments allow images or media attachments.

Max Content Height

Limit the editor height when the compose box should stay compact inside a thread or feed.

Custom Icons

Use custom toolbar icons when the comment composer needs to match a product action style.

Using this component in production?

Source code, templates, and commercial support

NgStarter includes source code, admin dashboard templates, and commercial support.

View pricing →Explore admin templates