Vue.js Rich Text Editor

Name: Vue.js WYSIWYG Editor - dhtmlxRichText
Rating: 4.8 (34 reviews)

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

Download

Buy

RichText for:

How It Works

6 Quick Steps to Integrate Rich Text Editor with Vue.js:

Create a RichText.vue file and add an empty container for RichText with the ref attribute

Import files and styles of RichText

Set the list of used RichText configuration properties and their types

Add custom props and pass them to RichText if needed

When the component is initialized (mounted), initialize RichText and attach the instance of RichText to the container with the ref attribute

You can install the destructor of RichText

To learn more check documentation

Check the demo on Github

Product Features

Basic editing and formatting operations
Classic and document modes
Fullscreen mode
Parse/serialize content in HTML, Markdown, and plain text
Cross-browser compatibility
API to work with text

Highly configurable toolbar
Complete customization
Setting localization
Block quotes
Counting characters and other elements
Wrappers for Vue.js, React, and Angular

Share your ideas of what other features to include in dhtmlxRichText

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

	Individual	Commercial	Enterprise	Ultimate
License Terms	Individual Read License Agreement	Commercial Read License Agreement	Enterprise Read License Agreement	Ultimate Read License Agreement
Developers	Individual 1	Commercial 5	Enterprise 20	Ultimate
Projects	Individual 1	Commercial 1	Enterprise 5	Ultimate
Use in SaaS (unlimited end-users)	Individual	Commercial	Enterprise	Ultimate
Perpetual distribution rights	Individual	Commercial	Enterprise	Ultimate
Support Plan	Individual Standard Support	Commercial Premium Support	Enterprise Premium Support	Ultimate Ultimate Support
Time Period	Individual 1 year	Commercial 1 year	Enterprise 1 year	Ultimate 1 year
Updates	Individual Major, minor, and maintenance updates	Commercial Major, minor, and maintenance updates	Enterprise Major, minor, and maintenance updates	Ultimate Major, minor, and maintenance updates Priority queue for bug fixing
Support requests	Individual 10	Commercial 30	Enterprise 50	Ultimate
Response Time	Individual 72h	Commercial 48h	Enterprise 48h	Ultimate 24h
Personal Account Manager	Individual	Commercial	Enterprise	Ultimate

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: