React HtmlEditor - Overview

HTML Editor 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 HTML Editor elements, information about key features, and what to explore next.

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

• Inline Formats
  HTML Editor includes various inline formatting options:

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

• Block Formats
  HTML Editor supports block formatting such as:

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

• 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. After an image is uploaded, you can enable image resize.

• Mentions
  Insert mentions to reference others within text conversations.

• Tables
  Users can insert and modify tables with built-in UI elements. You can allow users to resize tables.

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

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

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

• Adaptive Toolbar
  The HTML Editor'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.

• Data Validation and Spellcheck
  HTML Editor supports browser spellcheck functionality. The component includes various validation rules and real-time validation feedback. Adjust error message position as needed.

• Getting Started with HTML Editor

• API

• Demos