vue-quill-editor

by surmon-china

surmon-china / vue-quill-editor

🍡@quilljs editor component for @vuejs

6.0K Stars 924 Forks Last release: Not found MIT License 135 Commits 27 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

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.