Example of blog-posting in Vue rich-text-editor Component

Kimberly
How to add a custom item to the toolbar of RichTextEditor
Posted on May 7, 2018 6.10 PM
I want to add a custom icon, “code-mirror” to the toolbar of RichTextEditor and display the RichTextEditor content in code-mirror format.
HTML
JavaScript
likeLikedislikeDislike
1 Answer
Mabel Weber
Answered on May 7, 2018 6.30 PM
To add a custom icon code-mirror to the Toolbar, you have to use template option of the toolbarSettings. To know more about adding custom icons, refer to custom tool sample of RTE.
LikeDislike

This sample demonstrates how to design forum application using Rich Text Editor. You can type the content and click reply button to post it.

RichTextEditor is a WYSIWYG editing control which will reduce the effort for users while trying to express their formatting word content as HTML or Markdown format. So, RichTextEditor can easily customized to use for blog posting, forums as an editor for response.

Injecting Module

The above features built as modules have to be included in your application. For example, to use image and link, we need to inject Toolbar, Link, Image, HtmlEditor, QuickToolbar, PasteCleanup into the provide section.