10 Best WYSIWYG Rich Text Editors For Vue.js (2023 Update)

Want to have a WYSIWYG HTML editor to simplify and enhance the content editing experience on your Vue.js applications?

Here is a list of 7 best, top-rated WYSIWYG rich text editors from which you can choose in the next web & mobile app. Enjoy.

Originally published Nov 06 2019, updated Jan 09 2023

1. mavonEditor

mavonEditor

Demo Download

A markdown based WYSIWYG editor based on Vue that supports a variety of personalized features


2. Rich Text Editor With Quill.js and Vue.js – Vue2Editor

Rich Text Editor With Quill.js and Vue.js – Vue2Editor

Demo Download

A customizable WYSIWYG editor built with Vue and Quill editor.


3. element-tiptap

element-tiptap

Demo Download

A modern WYSIWYG rich-text editor using tiptap and Element UI for Vue2


4. Vue-SimpleMDE

Vue-SimpleMDE

Demo Download

Markdown Editor component for Vue.js. Support only vue2.x.


5. tiptap-vuetify

tiptap-vuetify

Demo Download

WYSIWYG editor for Vuetify. The editor is based on tiptap and uses vuetify’s components.


6. Modern WYSIWYG Rich Text Editor For Vue.js

Modern WYSIWYG Rich Text Editor For Vue.js

Demo Download

A modern WYSIWYG rich text editor for Vue.js applications, built on top of tiptap and Quasar Framework.


7. Trix Rich Text Editor For Vue.js

Trix Rich Text Editor For Vue.js

Demo Download

Simple and lightweight Trix rich-text editor component for Vue.js.


8. Paper Size WYSIWYG Document Editor For Vue

Paper Size WYSIWYG Document Editor For Vue

Demo Download

A feature-rich paper-sized WYSIWYG rich text editor based on Vue.js and contenteditable element.


9. Medium-style Inline Text Editor Component For Vue

Medium-style Inline Text Editor Component For Vue

Demo Download

A Vue.js component that enables Medium.com like inline editor on your web app.


10. Clean WYSIWYG Editor For Vue.js

Clean WYSIWYG Editor For Vue.js

Demo Download

A simple clean WYSIWYG editor component for comments, CMS, Blog, etc.


Conclusion:

If you’re looking for more Vue.js components for creating WYSIWYG editors on the web app, check out our WYSIWYG Editor section.

See Also: