Brave Search

A WYSIWYG HTML editor for Vue.js. Latest version: 1.7.2, last published: 8 years ago. Start using vue-wysiwyg in your project by running `npm i vue-wysiwyg`. There are 12 other projects in the npm registry using vue-wysiwyg.

      » npm install vue-wysiwyg

Published Jun 04, 2018

Version 1.7.2

Author Gregory

GitHub

github.com › chmln › vue-wysiwyg

GitHub - chmln/vue-wysiwyg: A lightweight WYSIWYG HTML editor for Vue.js

npm install vue-wysiwyg --save · OR · yarn add vue-wysiwyg · In your main.js: import wysiwyg from "vue-wysiwyg"; Vue.use(wysiwyg, {}); // config is optional. more below · Also make sure to load the stylesheet.

Starred by 570 users

Forked by 137 users

Languages JavaScript 53.5% | Vue 46.1% | HTML 0.4%

Videos

06:05

YouTube

Build a Vue.js 3 Quill WYSIWYG Rich Text Editor in Browser Using ...

January 2, 2025

10:02

YouTube

Build a Vue.js 3 TinyMCE WYSIWYG Rich Text Editor in ...

January 2, 2025

58:11

YouTube

Tiptap Editor with Vue.js, Tailwind CSS and Laravel - YouTube

October 9, 2023

14.2K

youtube.com

WYSIWYG Rich Text Editor with Vue 3 and VueQuill

43 - How to Use Quill WYSIWYG Edit in Vue js with Image Uploading ...

March 7, 2019

View all

People also ask

How to add WYSIWYG editor to Vue?

In order to add WYSIWYG editor to Vue, you can follow a simple step-by-step process: 1. Install TinyMCE’s Vue integration through NPM, Yarn, Cloud CDN or Zip download. 2. Import the library in your Vue App file, and create a new instance of the editor. 3. Customize the editor by adding features, setting options, or styling the UI as needed. 4. Add any additional logic, such as saving or loading the editor content or handling user input.

tiny.cloud

tiny.cloud › solutions › wysiwyg-vue-rich-text-editor

Best WYSIWYG Vue Rich Text Editor | TinyMCE

What is the price for TinyMCE Vue WYSIWYG editor?

TinyMCE core features and its Svelte framework integration are available for free under the terms of our open source license. Advanced features and support are available under one of our commercial license plans.

tiny.cloud

tiny.cloud › solutions › wysiwyg-vue-rich-text-editor

Best WYSIWYG Vue Rich Text Editor | TinyMCE

Why should you choose TinyMCE Vue rich text editor?

TinyMCE is an excellent choice for your Vue rich text editor because of its quick and easy setup, fully customizable UI, productivity, compliance, and collaboration capabilities, and first-party Vue integration.

tiny.cloud

tiny.cloud › solutions › wysiwyg-vue-rich-text-editor

Best WYSIWYG Vue Rich Text Editor | TinyMCE

npm

npmjs.com › package › vue-froala-wysiwyg

vue-froala-wysiwyg - npm

Latest version: 4.6.2, last published: 6 days ago. Start using vue-froala-wysiwyg in your project by running `npm i vue-froala-wysiwyg`. There are 29 other projects in the npm registry using vue-froala-wysiwyg.

      » npm install vue-froala-wysiwyg

Published Sep 04, 2025

Version 4.6.2

Author Froala Labs

Repository https://github.com/froala/vue-froala-wysiwyg

Homepage https://github.com/froala/vue-froala-wysiwyg#readme

Froala

froala.com › home › wysiwyg editor › documentation › framework plugins › vue

Vue Integration for Froala WYSIWYG Editor

October 18, 2019 - Install vue-froala-wysiwyg from npm Copy · npm install vue-froala-wysiwyg --save · Copy · ... // Require Froala Editor js file. require('froala-editor/js/froala_editor.pkgd.min.js') // Require Froala Editor css files. require('froala-edi...

npm

npmjs.com › package › vue-wysiwyg-2

vue-wysiwyg-2 - npm

Latest version: 1.7.94, last published: 7 years ago. Start using vue-wysiwyg-2 in your project by running `npm i vue-wysiwyg-2`. There are no other projects in the npm registry using vue-wysiwyg-2.

      » npm install vue-wysiwyg-2

Published Nov 14, 2018

Version 1.7.94

Author Gregory

npm

npmjs.com › package › @mycure › vue-wysiwyg

@mycure/vue-wysiwyg - npm

Latest version: 1.3.0, last published: 5 years ago. Start using @mycure/vue-wysiwyg in your project by running `npm i @mycure/vue-wysiwyg`. There are no other projects in the npm registry using @mycure/vue-wysiwyg.

      » npm install @mycure/vue-wysiwyg

Published Jan 15, 2020

Version 1.3.0

Author Jofferson R Tiquez

CKEditor

ckeditor.com › ckeditor-5 › vue

Vue WYSIWYG HTML Editor | Rich Text Editor - CKEditor 5

Takes advantage of a superb team of 50+ industry experts and 20+ years of experience in WYSIWYG editing. We are releasing new features every month. ... Here is a quick example of how to use the Vue Rich Text Editor component for CKEditor 5 by using Vite! ... Create a project using a basic Vite template and change the working directory to a newly created project. npm create vite@latest ckeditor5-vue -- --template vue && cd ckeditor5-vue

npm

npmjs.com › search

keywords:vue 3 wysiwyg - npm search

Tiny Vue component, that helps to create [Quill v2](https://quilljs.com/) based WYSIWYG editors in Vue-powered apps.

Find elsewhere

Google Bing Mojeek

Tiny

tiny.cloud › solutions › wysiwyg-vue-rich-text-editor

Best WYSIWYG Vue Rich Text Editor | TinyMCE

In order to add WYSIWYG editor to Vue, you can follow a simple step-by-step process: Install TinyMCE's Vue integration through NPM, Yarn, Cloud CDN or Zip download.

Vuetoolbox

vuetoolbox.com › categories › rich-text-editing

VueToolbox

NPM Downloads ↓ · tiptap · 10.24 · The headless editor framework for web artisans. vue-froala-wysiwyg · 6.97 · Vue component for Froala WYSIWYG HTML Rich Text Editor. vue-at · 6.89 · At.js for Vue. vue-codemirror · 6.42 · @codemirror code editor component for @vuejs ·

GitHub

github.com › froala › vue-froala-wysiwyg

GitHub - froala/vue-froala-wysiwyg: Vue component for Froala WYSIWYG HTML Rich Text Editor.

Install vue-froala-wysiwyg from npm · npm install vue-froala-wysiwyg --save ·

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 › 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 › package › vue-wysiwyg-ie

vue-wysiwyg-ie - npm

A WYSIWYG HTML editor for Vue.js. Latest version: 1.7.7, last published: 4 years ago. Start using vue-wysiwyg-ie in your project by running `npm i vue-wysiwyg-ie`. There are no other projects in the npm registry using vue-wysiwyg-ie.

      » npm install vue-wysiwyg-ie

Published Dec 07, 2018

Version 1.7.7

Author Gregory

Repository https://github.com/Ramya-Palaniswami/vue-wysiwyg

Homepage https://github.com/Ramya-Palaniswami/vue-wysiwyg#readme

Made with Vue.js

madewithvuejs.com › wysiwyg

WYSIWYG - Made with Vue.js

Vue Trix Rich Text Editor · #Form #UI Components #WYSIWYG ... 7.325 · TinyMCE Vue Rich Text Editor · #UI Components #WYSIWYG #Wrapper · 12.895 · Vue MathLive Vue Wrapper for Math Editor Component · #UI Components #WYSIWYG #Wrapper · 17.132 · Vuetify Pro Tiptap Rich Text Editor ·

Froala

froala.com › home › wysiwyg editor › documentation › framework plugins › vue.js 3

Vue.js 3 Integration with Froala Editor

July 17, 2023 - Install vue-froala-wysiwyg from npm Copy · npm install vue-froala-wysiwyg --save ·

CKEditor

ckeditor.com › blog › best-wysiwyg-editor-for-vue

The Best WYSIWYG Rich Text Editor for Vue (2025) | CKEditor

August 18, 2025 - Best WYSIWYG editor for Vue using CKEditor 5. Install via CDN or npm, generate builds with the CKEditor Builder, and customize features for your app.

Tiptap

tiptap.dev › editor › get started › install

Vue.js 3 WYSIWYG

3 days ago - 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. npm install @tiptap/vue-3 @tiptap/pm @tiptap/starter-kit

Froala

froala.com › home › how to integrate froala with vue 3

How to integrate Froala With Vue 3

January 11, 2024 - Step inside the project directory: cd my-froala-vue-app · Once inside, install Froala’s Vue WYSIWYG editor by running the following command: npm install vue-froala-wysiwyg --save ·

npm

npmjs.com › search

keywords:wysiwyg vue - npm search

Compiles to Vue, React, Solid, and Liquid. Import code from Figma and Builder.io ... builderio-bot• 0.12.1 • 4 months ago • 7 dependents • MITpublished version 0.12.1, 4 months ago7 dependents licensed under $MIT ... A modern AI-powered WYSIWYG and Highly Customized RichTextEditor for Vue, based on Tiptap and shadcn-vue

Npm

npm.io › package › vue-wysiwyg

Vue-wysiwyg NPM | npm.io

Check Vue-wysiwyg 1.7.2 package - Last release 1.7.2 with MIT licence at our NPM packages aggregator and search engine.