Angular HtmlEditor - Overview

HtmlEditor is a client-side WYSIWYG editor that allows users to format text and visual content, and to export it as HTML or Markdown. HtmlEditor supports browser spellcheck functionality.

In this overview, you can find a map of HtmlEditor elements, information about key features, and what to explore next.

1. Toolbar
2. Image upload
3. Tags and attributes
4. Table formats

• Inline formats
  HtmlEditor includes various inline formatting options:

  • Bold, italic, strikethrough, and underscore
  • Typeface, font size, and text color (HTML)

• Block formats
  HtmlEditor supports block formatting such as:

  • Headers
  • Lists (ordered and unordered)
  • Code blocks
  • Quotes

• Built-in Format Customization
  You can modify the existing formats to fit specific requirements.

• HTML and Markdown Support
  HtmlEditor outputs content both in HTML and Markdown.

• Mail Merge
  Integrate variables to be replaced with real data during text processing.

• Adaptive Toolbar
  The HtmlEditor's built-in adaptive toolbar contains buttons and drop-down menus that allow users to edit and format content. You can use predefined items or create custom ones.

• Image Upload
  Images can be uploaded by one of the following methods: drag-and-drop images onto the form, select files from the file system, or specify a URL.

• Mentions
  Insert mentions to reference others within text conversations.

• Tables
  Users can insert and modify tables with built-in UI elements.

• Getting Started with HtmlEditor

• API

• Demos