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 Mar 06 2022
1. Vue2Editor
An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js.
1. tiptap
- Classic
- Inline Mode
- Floating Menu
This is the 1# rich-text editor for Vue.js. Highly customizable and easy to extend. Based on Prosemirror.
2. Quill-Editor
This is a pretty nice and clean WYSIWYG HTML editor component for Vue. Supports SPA and SSR. Based on the Quill editor.
3. vue-html5-editor
Vue-html5-editor is a cross-platform HTML5 WYSIWYG editor for the Vue.js app. Easy and flexible, compatible with Vue.js 2.0+.
4. Vue.js Component For Summernote WYSIWYG Editor
A Vue.js component to create a simple HTML5 WYSIWYG web editor using the Summernote library.
5. Tiny WYSIWYG Editor For Vue.js – Vueditor
A simple, lightweight WYSIWYG text editor written in vue.js 2 and Vuex.js 2.
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. Vue.js Component For Trumbowyg Editor
A Vue.js 2 component/plugin to implement the Trumbowyg WYSIWYG editor on the app.
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