Vue中如何引用富文本?富文本又是啥？_引入富文本

首先解释啥是富文本,如图，介个就所谓的富文本

如果在Vue中需要使用到富文本的话 又如何去引用呢？

这里直接上干货,首先我们可以通过vue ui 或vue后台npm 直接安装富文本插件：

飞机票：https://github.com/surmon-china/vue-quill-editor#readme

这里有非常详细的安装教程,如果文档看不懂没关系 往下看

我们需要注意的是这里,把这些直接导入到你的js代码中

import Vue from 'vue'
import VueQuillEditor from 'vue-quill-editor'

import 'quill/dist/quill.core.css' // import styles
import 'quill/dist/quill.snow.css' // for snow theme
import 'quill/dist/quill.bubble.css' // for bubble theme

Vue.use(VueQuillEditor, /* { default global options } */)

然后在你的组件内直接使用标签即可成功引入富文本,打开运行你的项目也就看到富文本了！

<quill-editor></quill-editor>