引入vue-quill-editor方式

2017-12-27  本文已影响720人  5df463a52098

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文件夹里,然后引入的。

上一篇 下一篇

猜你喜欢

热点阅读