基于Vue的一个富文本编译器的插件,安装并简单使用步骤:
1、项目:一个前端基于vue框架的项目。我用的是一个项目模板(下载路径:https://github.com/nolimits4web/Framework7-Vue-Webpack-Template) 按网址上教程配置模板。接下来就是关于vue-quill-editor的安装步骤了。
2、下载:npm install vue-quill-editor --save
3、配置:app.js文件中添加代码
import vueQuillEditor from 'vue-quill-editor';
// require styles 引入样式
import 'quill/dist/quill.core.css';
import 'quill/dist/quill.snow.css';
import 'quill/dist/quill.bubble.css';
Vue.use(vueQuillEditor);
4、配置:创建一个组件文本,名为 vueQuillEditor.vue,代码如下
<template>
<div>
<quill-editor
ref="myQuillEditor"
:options="editorOption"
@focus="$emit('onInputFocus')"
@blur="$emit('onInpu