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
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
A customizable WYSIWYG editor built with Vue and Quill editor.
3. element-tiptap
A modern WYSIWYG rich-text editor using tiptap and Element UI for Vue2
4. Vue-SimpleMDE
Markdown Editor component for Vue.js. Support only vue2.x.
5. tiptap-vuetify
WYSIWYG editor for Vuetify. The editor is based on tiptap and uses vuetify’s components.
6. Modern WYSIWYG Rich Text Editor For Vue.js
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
Simple and lightweight Trix rich-text editor component for Vue.js.
8. Paper Size WYSIWYG Document Editor For Vue
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
A Vue.js component that enables Medium.com like inline editor on your web app.
10. Clean WYSIWYG Editor For Vue.js
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:
- 10 Best WYSIWYG Markdown Editors For Faster Writing
- 10 Best WYSIWYG Editors For Easier Content Editing
- 10 Best And Open-source Rich Text Editors For React Applications