Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Custom Inputs
Select
Components
Components
78
Micro Charts
Navigation
Libraries
Content Editor
Data View
Form Builder
Headless Editor
Image Designer
Kanban Board
PDF Builder
PDF Signer
PDF Viewer
Video Player
GitHub repositoryGitHub starsGitHub forksNgStarter UI npm versionNgStarter UI npm downloads per month

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.

Comment Editor is an Angular-native composer for comments, messages, replies, and activity feeds. It keeps its original product behavior—compact and expanded states, projected toolbar, bubble menu, footer actions, links, lists, media uploads, YouTube embeds, cancel/send flows—and now runs on the signal-based Headless Editor foundation. JSON is the source of truth; send can also emit serialized HTML.

Basic Comment Editor

The complete example shows projected controls, text and block formatting, links, image upload, YouTube embeds, programmatic insertion, JSON submission, and HTML output.

Loading...

Toolbar Always Visible

Keep projected formatting controls visible when formatting is part of the normal workflow.

Loading...

Full View Mode

Start expanded for longer replies instead of waiting for the first interaction.

Loading...

Cancel Button Always Visible

Keep cancel available even when the composer was not expanded interactively.

Loading...

Custom Button Labels

Adapt the composer to replies, reviews, notes, or another domain action.

Loading...

Upload Error

Upload placeholders retain their preview and expose the rejected upload state in the document.

Loading...

Max Content Height

Constrain long drafts while keeping the toolbar and actions fixed around the editing surface.

Loading...

Custom Projected Controls

The component supplies behavior while the application chooses its toolbar and footer controls.

Loading...