QuillEditorViewer

QuillEditorViewer component for Vue.js and Nuxt.js.

Demo Source Code

Installation

npm install quill-editor-viewer

or

yarn add quill-editor-viewer

import Vue from 'vue'
import QuillEditorViewer from 'quill-editor-viewer'
// (Optional) import 'quill-editor-viewer/src/styles/index.css'

Vue.use(QuillEditorViewer)

Usage

Once installed, it can be used in a template as simply as:

<div id="app">
    <h1>Editor</h1>
    <v-quill-editor v-model="htmlData" :imageUploader="imageUploader" />

    <h1>Viewer</h1>
    <v-quill-viewer :data="htmlData" />
</div>

Properties

Quill Editor

Name	Type	Default Value	Description
htmlData (model)	String		HTML Data.
isMobile	Boolean	false	For mobile view.
imageUploader	Function		Upload image function { upload: () => String }.

Quill Viewer

Name	Type	Default Value	Description
data	String		HTML Data.

Events

Name	Arguments	Description
input	value (String)	The updated bound model

Thanks

This project is based on quill, quill-magic-url, quill-image-uploader, vue-quill-editor thanks!