vue-quill-editor富文本编辑器
2018-09-05 19:45
519 查看
安装:
npm install vue-quill-editor --save
main.js:
import VueQuillEditor from 'vue-quill-editor' import 'quill/dist/quill.core.css' import 'quill/dist/quill.snow.css' import 'quill/dist/quill.bubble.css'
在需要使用的地方:
<template> <quill-editor v-model="content" ref="myQuillEditor" :options="editorOption" @blur="onEditorBlur($event)" @focus="onEditorFocus($event)" @change="onEditorChange($event)"> </quill-editor> </template> <script> import { quillEditor } from 'vue-quill-editor' export default{ data(){ return { content:null, editorOption:{} //配置 } }, methods:{ onEditorBlur(){//失去焦点事件 }, onEditorFocus(){//获得焦点事件 }, onEditorChange(){//内容改变事件 } } } </script>阅读更多
相关文章推荐
- Vue-Quill-Editor富文本编辑器的使用教程
- vue-quill-editor富文本编辑器简单使用方法
- Vue2 封装的 Quill 富文本编辑器组件 Vue-Quill-Editor
- vue中使用vue-quill-editor富文本编辑器,自定义toolbar,图片上传到七牛
- vue中使用vue-quill-editor富文本编辑器,自定义toolbar修改工具栏options
- vue-quill-editor,获得到输入内容的html,如何在外部的div中显示效果
- vue富文本插件vue-quill-editor的使用
- vue quill editor输入文字出现首字母的问题
- vue 使用quill-editor编辑器
- nuxt文本编辑器Vue-Quill-Editor
- vue-quill-editor 样式问题
- vuequillEditor上传图片
- 在Vue项目使用quill-editor带样式编辑器(更改插入图片和视频)
- vue-quill-editor自定义图片上传
- vue-quill-editor实现图片上传功能
- 解决vue-quill-editor上传内容由于图片是base64的导致字符太长的问题
- 富文本编辑器vue-bulma-quill取值问题
- vue-quill-editor自定义图片上传
- Vue项目中quill-editor带样式编辑器的使用方法
- vue2使用vue-quill-editor