android vue 编辑器,vue移动端富文本编辑器 vue-quill-editor

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的修改代码如下：

/**

* 判断所有父级元素是否包含传