• Material
  • Fabric
  • Bootstrap
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse

Chart

This sample demonstrates the full features of rich text editor that includes all the tools and functionalities.

DEMO
SOURCE

This sample used Code mirror plugins helps to highlight the HTML content and when changes happens in code view, the same has been reflected in preview mode.

The editor’s toolbar contains commands to format the content. The toolbar consists of:

  • Lists - Ordered and unordered list types.
  • Links - A hyperlink can be inserted into the editor for quick access to related information.
  • Image - Inserts and manages images.
  • Table - Inserts and manages Tables.
  • Alignment - Aligns the content with left, center, and right margins.
  • Undo/Redo - Allows undo/redo operations.
  • Indent/ Outdent - Increases/decreases the indent level of the content.
  • Font - Able to do styling on text like font family, size, fore color and background color.
  • Lower / Upper case – Changes the casing of the selected text.
  • SubScript / SuperScript - Makes the selected text as subscript (lower)/superscript(upper).
  • FullScreen - Stretches the editor to the maximum width and height of the browser window.
  • Format – Formats the sentence in different ways such as heading level, quotation, and code snippet
  • Styles – Allows you to apply inline styles to the selected content like bold, italic, and more.