Example of Custom Format in React Rich Text Editor Component


This sample demonstrates how to customize tags of markdown formatting. Type or edit the text and apply the format to view customized markdown syntax. For example, apply “+” to Unordered list.

More Details...


The Rich Text Editor allows you to customize the markdown syntax by overriding its default syntax. Configure the customized markdown syntax using the formatterproperty

Injecting Module

Rich Text Editor component features are segregated into individual feature-wise modules. To use Rich Text Editor feature, we need to inject Toolbar, Link, Image, MarkdownEditor modules into the services.

The third-party library Marked is used in this sample to convert markdown into HTML content.