美文网首页
引入vue-quill-editor方式

引入vue-quill-editor方式

作者: 5df463a52098 | 来源:发表于2017-12-27 14:32 被阅读720次

vue-quill-editor是一个基于quill的适于vue项目使用的编辑器,使用方式
1.npm方式

npm install vue-quill-editor --save

main.js

import VueQuillEditor from 'vue-quill-editor'
import 'quill/dist/quill.snow.css'
Vue.use(VueQuillEditor)

这种方式引入的quill.js有300多kb,个人觉得有点大了,我使用了另外一种方式
2.cdn方式
index.html

<link href="https://cdn.quilljs.com/1.3.4/quill.snow.css" rel="stylesheet">
<script src="https://cdn.quilljs.com/1.3.4/quill.js"></script>
<script src="/static/js/vue-quill-editor.js"></script>
<script type="text/javascript">
      Vue.use(window.VueQuillEditor)
</script>

由于vue-quill-editor.js没有cdn链接,我直接把js文件放在static文件夹里,然后引入的。

相关文章

网友评论

      本文标题:引入vue-quill-editor方式

      本文链接:https://www.haomeiwen.com/subject/xldugxtx.html