首先解释啥是富文本,如图,介个就所谓的富文本
如果在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>