Need help with vue-quill-editor?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

surmon-china
6.4K Stars 941 Forks MIT License 135 Commits 226 Opened issues

Description

🍡@quilljs editor component for @vuejs

Services available

!
?

Need anything else?

Contributors list

GitHub stars Build Status GitHub issues GitHub forks GitHub last commit license

NPM NPM

Vue-Quill-Editor

Quill editor component for Vue.

基于 Quill、适用于 Vue 的富文本编辑器,支持服务端渲染和单页应用。

Example

Install

NPM

npm install vue-quill-editor --save

or

yarn add vue-quill-editor

CDN





Mount

Mount with global

import Vue from 'vue'
import VueQuillEditor from 'vue-quill-editor'

import 'quill/dist/quill.core.css' // import styles import 'quill/dist/quill.snow.css' // for snow theme import 'quill/dist/quill.bubble.css' // for bubble theme

Vue.use(VueQuillEditor, /* { default global options } */)

Mount with local component

import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'

import { quillEditor } from 'vue-quill-editor'

export default { components: { quillEditor } }

Mount with SSR

View Nuxt.js example code.

Register Quill module

import Quill from 'quill'
import yourQuillModule from '../yourModulePath/yourQuillModule.js'
Quill.register('modules/yourQuillModule', yourQuillModule)

// Vue app...

Component

Projects using vue-quill-editor

Issues

Quill Modules

Quill

Quill API document

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.