1、安装
npm install vue-quill-editor --save
2、使用
import { quillEditor } from 'vue-quill-editor'
...
:content="content"//内容对应的字段
:options = "editorOption"
@change="onEditorChange($event)">//内容改变事件
export default {
components: {
quillEditor
},
data(){
content:""
},
methods: {
onEditorChange({ editor, html, text }) {
//富文本编辑器 文本改变时 设置字段值
this.content = html
}
3、兼容性问题
(1)、当项目中使用到fastclick.js 时需要注意ios的兼容问题,可能会造成ios端不能获取焦点不能输入内容
解决办法:
将fastclick.js单独引入到项目中,不使用npm,并修改fastclick.js中的FastClick.prototype.needsClick函数,同时在上加上class=”needsclick”,fastclick.js的修改代码如下:
/**
* 判断所有父级元素是否包含传