React 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.

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