qveditor
v0.0.5
Published
a simple yet feature rich html editor built on quill and vue
Downloads
12
Readme
QVEditor
Simple yet feature rich Quill based text editor for Vue.js
Best Suited for all kinds of text related formatting
Preview
Install
npm install QVEditor --save
API & Usage
without SSR(server side rendering)
<template>
<div>
<q-v-editor :value="htmlcontent" @onHtmlChange="onHtmlChange"></q-v-editor>
<h2>Generated html</h2>
<div v-html="generatedhtml">
</div>
</div>
</template>
<script>
import QVEditor from "qveditor";
import Vue from 'vue'
Vue.use(QVEditor)
export default {
name: "example",
methods:{
onHtmlChange(data){
this.generatedhtml=data
}
},
data(){
return{
htmlcontent:"<p>hello</p>",
generatedhtml:""
}
}
}
</script>
<style scoped>
</style>
with SSR using Nuxt.js
step 1:create qveditor.js in plugins directory with following content
import Vue from 'vue'
import QVEditor from 'qveditor'
Vue.use(QVEditor)
step 2: in plugins array of nuxt.config.js add the following content
plugins: [
{src:"@/plugins/qveditor",ssr:false}
],