This sample demonstrates markdown editing in the rich text editor with complete features.
The rich text editor supports markdown editing when the
editorMode is set to mode property of the RichTextEditor
The editor’s toolbar contains commands to format the markdown 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.
Alignment- Aligns the content with left, center, and right margins.
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.
Tables– Allows you to insert a table with header.
RichTextEditor component features are segregated into individual feature-wise modules. To use richtexteditor feature, we need to inject
Toolbar, Link, Image, MarkdownEditor, QuickToolbar, Table modules into the services.
The third-party library
Marked is used in this sample to convert markdown into HTML content.