This samples illustrates, how to integrate the
code mirror plugin in our RichTextEditor component. In here, added an custom tool which toggles between 'code view' and 'preview'
The rich text editor is WYSIWYG ("what you see is what you get") editor useful to create and edit content, and return the valid HTML markup or markdown of the content
Toolbar contains commands to align the text, insert link, insert image, insert list, undo/redo operations,HTML view, etc
Toolbar is fully customizable
You can insert a hyperlink with its corresponding dialog
Attach a hyperlink to the displayed text.
Customize the quick toolbar based on the hyperlink
Allows you to insert images from an online source as well as the local computer
You can upload an image
Provides an option to customize quick toolbar for an image
Code mirror plugins helps to highlight the HTML content and when changes happens in code view, the same has been reflected in preview mode. 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, HtmlEditor).