This samples illustrates, how to integrate the code mirror plugin in our Rich Text Editor 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
Toolbar contains commands to align the text, insert link, insert image, insert list, undo/redo operations,HTML view, etc
Toolbar is fully customizable
Links
You can insert a hyperlink with its corresponding dialog
Attach a hyperlink to the displayed text.
Customize the quick toolbar based on the hyperlink
Image.
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.