Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Custom Inputs
Select
Components
Components
78
Micro Charts
Navigation
Libraries
Content Editor
Data View
Form Builder
Image Designer
Kanban Board
PDF Viewer
Video Player
Visual Builder
Latest npm version of @ngstarter-ui/componentsWeekly npm downloads of @ngstarter-ui/components
Buy License

Content Editor

The NgStarter Angular Content Editor library lets you build and render structured long-form content from JSON blocks. Use ngs-content-editor-builder for editing articles, pages, documentation, knowledge base entries, rich notes, editable descriptions, landing content, and CMS-like content. Use ngs-content-editor-renderer to render saved blocks for previews and display-only content.

Content Editor is a block-based builder for structured long-form content. Use ngs-content-editor-builder for articles, pages, documentation, knowledge base entries, rich notes, editable descriptions, landing content, and CMS-like editing workflows.

Use it for:
  • Building content from blocks such as paragraph, heading, list, quote, code, divider, table, image, video, and embed.
  • Reordering, duplicating, deleting, and multi-selecting blocks inside an editor surface.
  • Persisting structured ContentEditorBlock[] data through the contentChanged event.
  • Passing block options such as image and video upload functions.
  • Rendering saved blocks with ngs-content-editor-renderer in preview dialogs, read-only pages, and CMS display surfaces.

Do not use Content Editor for quick messages, comments, threads, or reply composers; use Comment Editor for that. Do not use it for a simple text field or a small rich text input; use Text Editor, Input, or Textarea depending on the task. For display-only content, render the saved block JSON with ngs-content-editor-renderer.