Meet a brand new DHTMLX component - JavaScript Rich Text Editor 1.0!

Vue.js Rich Text Editor

Flexible and easy-to-use Vue.js Rich Text Editor supporting HTML and Markdown as input and output formats

Document
Classic
Serialize to Markdown
Serialize to HTML

How It Works

6 Quick Steps to Integrate Rich Text Editor with Vue.js:
1
Create a RichText.vue file and add an empty container for RichText with the ref attribute
2
Import files and styles of RichText
3
Set the list of used RichText configuration properties and their types
4
Add custom props and pass them to RichText if needed
5
When the component is initialized (mounted), initialize RichText and attach the instance of RichText to the container with the ref attribute
6
You can install the destructor of RichText

Product Features

  • Basic editing and formatting operations
  • Classic and document modes
  • Fullscreen mode
  • Parse/serialize content in HTML or Markdown
  • Cross-browser compatibility
  • IE11+ support
  • Highly configurable toolbar
  • Complete customization
  • Setting localization
  • Wrappers for Vue.js, React, and Angular

What You Can Do With Vue.js WYSIWYG Editor

Parse HTML
Parse Markdown
Custom Icons
Custom Controls
You can parse content in the standard HTML format in the blink of an eye. Check the sample
You can parse content in Markdown format. Check the sample
You can change the icon font pack of toolbar controls for a custom one. Check the sample
You can add, update or delete any toolbar controls. Check the sample

Why Choose DHTMLX Vue.js Text Editor?

Customize your Vue.js text editor
One of the most vital advantages of the Vue.js editor is its full customization starting from choosing a custom icon font, applying any necessary locale, and adding custom toolbar controls.
Parsing and serialization in HTML or Markdown
There are two formats in which you can parse and serialize content in the Vue.js rich text editor, besides entering the text directly. These are HTML and Markdown formats, which allow using the editor across a wide range of web apps.
Classic and document modes
You can make use of two built-in modes - classic and document ones - while working with the Vue.js editor. These modes help you to fine-tune your editors' appearance for your purposes.
Vue.js, Angular, and React wrappers
In order to equip developers with the right tool for web app creation, we provide special wrappers for our rich text editor based on the most popular frameworks. Besides Vue.js WYSIWYG editor, there is support for Angular and React.

dhtmlxRichText Licensing

Commercial Enterprise
All functionality
Commercial
Enterprise
License Terms
Developers
Commercial
5
Enterprise
Projects
Commercial
1
Enterprise
SaaS
Commercial
Enterprise
Perpetual distribution
Commercial
Enterprise
Support and Updates
Updates
Commercial
1 update (the next one)
Enterprise
1 year of all updates
Support
Commercial
1 month or 5 tickets within 1 year
Enterprise
Unlimited for one year
Total: $449
dhtmlx bundles
Choose the Complete bundle -
and get dhtmlxRichText for free

Support & Learning Resources

We provide comprehensive documentation with technical samples. Moreover, our dedicated support team is fast and qualified. Find the suitable way to get support:

Need help with dhtmlxRichText integration into your app? Contact us