Example of Preview in Javascript Rich Text Editor Control

All Controls
/
Rich Text Editor
/
Preview

This sample demonstrates how to preview markdown changes in Rich Text Editor. Type or edit the display text, and apply format to view the preview of markdown. You can preview the markdown changes immediately in the preview area.

More Details...

In Rich Text Editor, you click the toolbar buttons to format the words and the changes are visible immediately. Markdown is not like that. When you format the word in Markdown format, you need to add Markdown syntax to the word to indicate which words and phrases should look different from each other Rich Text Editor supports markdown editing when the editorMode set as **markdown** and using both *keyboard interaction* and *toolbar action*, you can apply the formatting to text. We can add our own custom formation syntax for the Markdown formation, [sample link](https://ej2.syncfusion.com/home/). The third-party library Marked is used in this sample to convert markdown into HTML content
Description

The Rich Text Editor allows you to preview markdown changes immediately using preview. The third-party library Marked is used in this sample to convert markdown into HTML content. Injecting Module The above features built as modules have to be included in your application. For example, to use image and link, inject the specific module using RichTextEditor.Inject (Toolbar, Link, Image, MarkdownEditor). The third-party library Marked is used in this sample to convert markdown into HTML content.