🌐
GitHub
github.com › chmln › vue-wysiwyg
GitHub - chmln/vue-wysiwyg: A lightweight WYSIWYG HTML editor for Vue.js
@import "~vue-wysiwyg/dist/vueWysiwyg.css"; In your components: <wysiwyg v-model="myHTML" /> All keys are optional.
Starred by 570 users
Forked by 137 users
Languages   JavaScript 53.5% | Vue 46.1% | HTML 0.4%
🌐
GitHub
github.com › yikoyu › vuetify-pro-tiptap
GitHub - yikoyu/vuetify-pro-tiptap: A Rich Text Editor (WYSIWYG) for Vue3 with tiptap & Vuetify.
A Rich Text Editor (WYSIWYG) for Vue3 with tiptap & Vuetify. - yikoyu/vuetify-pro-tiptap
Starred by 257 users
Forked by 45 users
Languages   TypeScript 58.6% | Vue 31.6% | SCSS 8.4% | JavaScript 1.2% | HTML 0.2%
🌐
GitHub
github.com › digitaldeacon › vue-editr
GitHub - digitaldeacon/vue-editr: A lightweight WYSIWYG editor for Vue 3
A lightweight WYSIWYG editor for Vue 3. Contribute to digitaldeacon/vue-editr development by creating an account on GitHub.
Author   digitaldeacon
🌐
GitHub
github.com › cn-2k › vue-tailwind-wysiwyg-editor
GitHub - cn-2k/vue-tailwind-wysiwyg-editor: A simple WYSIWYG editor written in Vue 3 using TailwindCSS and Tiptap.
A simple WYSIWYG editor written in Vue 3 using TailwindCSS and Tiptap. - cn-2k/vue-tailwind-wysiwyg-editor
Author   cn-2k
🌐
GitHub
gist.github.com › DarkGhostHunter › c5c4ca49c8f3a02afd67ce96432e334b
Using Trix (WYSIWYG editor) with Vue 3 · GitHub
Using Trix (WYSIWYG editor) with Vue 3. GitHub Gist: instantly share code, notes, and snippets.
🌐
Reddit
reddit.com › r/vuejs › looking for wysiwyg library for vue 3
r/vuejs on Reddit: Looking for WYSIWYG library for Vue 3
March 28, 2023 -

I look up and there's not so much options. It usually made for vue 2 and no longer maintained. However, I found one mavon editor but it's made by the chinese (and using chinese language for most of it) so I'm having a hard time to customise and style it (I want to implement dark mode). So perhaps if there are other good alternative out there? if not then I have to figure my way out myself with the mavon editor.

🌐
Vueup
vueup.github.io › vue-quill
VueQuill | Rich Text Editor Component for Vue 3
VueQuill is a Component for building rich text editors, powered by Vue 3 and Quill.
🌐
Tiptap
tiptap.dev › editor › get started › install
Vue 3 | Tiptap Editor Docs
3 days ago - Okay, enough boilerplate work. Let's finally install Tiptap! For the following example, you'll need the @tiptap/vue-3 package, @tiptap/pm (the ProseMirror library), and @tiptap/starter-kit, which includes the most common extensions to get started quickly.
🌐
Froala
froala.com › home › wysiwyg editor › documentation › framework plugins › vue.js 3
Vue.js 3 Integration with Froala Editor
July 17, 2023 - GitHub · Vue.js 3.x · For Vue.js 1.x - 2.x, use this guide. Install vue-froala-wysiwyg from npm Copy · npm install vue-froala-wysiwyg --save · Copy · //Import Froala Editor import 'froala-editor/js/plugins.pkgd.min.js'; //Import third party plugins import 'froala-editor/js/third_party/embedly.min'; import 'froala-editor/js/third_party/font_awesome.min'; import 'froala-editor/js/third_party/spell_checker.min'; import 'froala-editor/js/third_party/image_tui.min'; // Import Froala Editor css files.
Find elsewhere
🌐
GitHub
github.com › vueup › vue-quill
GitHub - vueup/vue-quill: Rich Text Editor Component for Vue 3.
VueQuill is a Component for building rich text editors, powered by Vue 3 and Quill.
Starred by 1.3K users
Forked by 330 users
Languages   TypeScript 66.8% | Stylus 20.4% | JavaScript 12.8%
🌐
Made with Vue.js
madewithvuejs.com › wysiwyg
WYSIWYG - Made with Vue.js
Mavon Editor Markdown Editor Component · #UI Components #WYSIWYG #Markdown · 11.761 · Slate Vue 3 Rich Text Rendering Engine · #UI Components #WYSIWYG · 575 · Nextcloud Text Collaborative Document Editor · #Collaboration #UI Components #WYSIWYG ... 4.206 · VueQuill Rich Text Editor Component ·
🌐
GitHub
github.com › mycurelabs › vue-wysiwyg
GitHub - mycurelabs/vue-wysiwyg: A simple wysiwyg editor for Vue.js
A simple wysiwyg editor for Vue.js. Contribute to mycurelabs/vue-wysiwyg development by creating an account on GitHub.
Starred by 50 users
Forked by 12 users
Languages   Vue 73.2% | HTML 19.5% | JavaScript 7.3%
🌐
npm
npmjs.com › search
keywords:vue 3 wysiwyg - npm search
[![npm version](https://badge.fury.io/js/ckeditor4-vue.svg)](https://www.npmjs.com/package/ckeditor4-vue) [![GitHub tag](https://img.shields.io/github/tag/ckeditor/ckeditor4-vue.svg)](https://github.com/ckeditor/ckeditor4-vue) [![CircleCI](https://dl.circ · wysiwyg · rich text · editor · rte · html · contentEditable · editing · vue · component · ckeditor · ckeditor4 · ckeditor 4 · ckeditor• 3.2.1 • 10 months ago • 24 dependents • SEE LICENSE IN LICENSE.mdpublished version 3.2.1, 10 months ago24 dependents licensed under $SEE LICENSE IN LICENSE.md ·
🌐
GitHub
github.com › froala › vue-froala-wysiwyg
GitHub - froala/vue-froala-wysiwyg: Vue component for Froala WYSIWYG HTML Rich Text Editor.
vue-froala-wyswiyg provides Vue bindings to the Froala WYSIWYG editor VERSION 3.
Starred by 650 users
Forked by 90 users
Languages   JavaScript 54.8% | Shell 29.4% | Vue 14.0% | Dockerfile 1.3% | HTML 0.5%
🌐
GitHub
github.com › vue-awesome › Vueditor
GitHub - vue-awesome/Vueditor: A wysiwyg editor written in Vue.js and Vuex.js
import Vue from 'vue' import Vuex from 'vuex' import Vueditor from 'vueditor' import "vueditor/dist/css/vueditor.min.css" // your config here let config = { toolbar: [ 'removeFormat', 'undo', '|', 'elements', 'fontName', 'fontSize', 'foreColor', 'backColor' ], fontName: [ {val: "arial black"}, {val: "times new roman"}, {val: "Courier New"} ], fontSize: ['12px', '14px', '16px', '18px', '0.8rem', '1.0rem', '1.2rem', '1.5rem', '2.0rem'], emoji: ["1f600", "1f601", "1f602", "1f923", "1f603"], lang: 'en', mode: 'default', iframePath: '', fileuploadUrl: '' }; Vue.use(Vuex); Vue.use(Vueditor, config); // create a root instance new Vue({ el: '#editor1' });
Author   vue-awesome
🌐
GitHub
github.com › JiHong88 › awesome-wysiwyg
GitHub - JiHong88/awesome-wysiwyg: A curated list of awesome WYSIWYG editors.
suneditor-react - Pure React Component for SunEditor (Pure javascript based WYSIWYG html editor, with no dependencies). tinymce-react - official React wrapper for TinyMCE. Editors for your vue-based project.
Starred by 41 users
Forked by 5 users
🌐
GitHub
github.com › hifarer › vueditor
GitHub - hifarer/vueditor: A wysiwyg editor written in Vue.js and Vuex.js
A wysiwyg editor written in Vue.js and Vuex.js. Contribute to hifarer/vueditor development by creating an account on GitHub.
Starred by 640 users
Forked by 109 users
Languages   Vue 62.1% | JavaScript 25.1% | Less 9.2% | HTML 3.6%
🌐
GitHub
github.com › topics › wysiwyg-editor
wysiwyg-editor · GitHub Topics · GitHub
editor vue wysiwyg-editor inline-mode inline-editor ... This is Vue 3 Quill Rich Text editor created by 7uvss and this package only add placeholder to the text editor
🌐
GitHub
github.com › JefMari › awesome-wysiwyg-editors
GitHub - JefMari/awesome-wysiwyg-editors: A curated list of awesome WYSIWYG Editors.
vue-quill - VueQuill is a Component for building rich text editors, powered by Vue 3 and Quill. element-tiptap - A modern WYSIWYG rich-text editor using tiptap and Element UI for Vue3 (1.0 for Vue2).
Starred by 3.8K users
Forked by 242 users
🌐
GitHub
github.com › FlySkyBear › Vueditor
GitHub - FlySkyBear/Vueditor: A wysiwyg editor written in Vue.js and Vuex.js
A wysiwyg editor written in Vue.js and Vuex.js. Contribute to FlySkyBear/Vueditor development by creating an account on GitHub.
Author   FlySkyBear