PREVIEW
HTML SOURCE CODE

The rich text editor is a WYSIWYG (what you see is what you get) editor used to create and edit the content and return the valid HTML markup or markdown of the content. This provides lot of commands to edit and format the content.

Toolbar

The editor’s toolbar provides various commands to align the text, format, insert link, image, list, undo/redo operations, HTML view, and more. The toolbar comes with different modes such as floating, multi-row, and expanded.

Links

Create a hyperlink using 'insert link' dialog and you can edit the hyperlink text, display text, and tooltip using 'edit link' dialog and quick toolbar. If the text has valid hyperlink text, the editor converts it to hyperlink automatically. For example, link to rich text editor.

Table

This editor allows you to insert a table with options to add, edit, and remove and perform other table related actions.

For example

Employee name Role Mail Country
Janet Fleet Manager janet95@arpy.com France
Nancy Buchanan Project Lead nancy55@rpy.com Sweden
Rose Rose Project Lead rose44@sample.com France

Image

Allows you to insert images with caption, alt text, link, resize, and drag-and-drop from an online source and local computer. You can upload an image to server and insert into the editor. It provides an option to customize quick toolbar for an image.

For example

Logo

Lists

You can include content with ordered and unordered lists.

Examples for ordered list:

  • TypeScript
  • Javascript
  • Angular
  • React
  • Vue

Examples for unordered list:

  1. RichTextEditor
  2. Toolbar
  3. Button
  4. Dialog
  5. Data Grid

The editor has lot of features to edit HTML content and Markdown content in web applications.

Description

This sample explains how to create a live HTML editor application using rich text editor. Click ‘open in new window’ and edit both the content and HTML source.