富文本编辑器vue-bulma-quill取值问题

原创
2017/08/30 14:57
阅读数 668

首先说vue-bulma-quill的用法吧。 1、导入vue-bulma-quill

npm install vue-bulma-quill -s

2、在需要使用的template中

<script>
import Vue from 'vue'
import Quill from 'vue-bulma-quill'
Vue.use(Quill)
</script>

我的解决方法; 1、在quill标签中加入ref,如代码

<quill :options="editorOption" ref="qc">
      <h2>One Ring to Rule Them All</h2>
      <p><a href="http://en.wikipedia.org/wiki/One_Ring">http://en.wikipedia.org/wiki/One_Ring</a></p>
    </quill>

2、获取值

this.$refs.qc.editor.getContents()

但是这个只是获取到的一个quill官网中贴出Delta对象,具体的还需要研究Delta对象。 接下来的用法就是参考quill官网

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部