1.0.2 • Published 2 years ago

quill-editor-viewer v1.0.2

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

QuillEditorViewer

GitHub license npm version

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

NameTypeDefault ValueDescription
htmlData (model)StringHTML Data.
isMobileBooleanfalseFor mobile view.
imageUploaderFunctionUpload image function { upload: () => String }.

Quill Viewer

NameTypeDefault ValueDescription
dataStringHTML Data.

Events

NameArgumentsDescription
inputvalue (String)The updated bound model

Thanks

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