富文本编辑器vue-bulma-quill取值问题
富文本编辑器vue-bulma-quill取值问题
叶叶叶知秋 发表于6个月前
富文本编辑器vue-bulma-quill取值问题
  • 发表于 6个月前
  • 阅读 79
  • 收藏 0
  • 点赞 0
  • 评论 0

新睿云服务器60天免费使用,快来体验!>>>   

摘要: 富文本编辑器vue-bulma-quill取值问题。 我找了很久的原因,解决了,但是今天看到论坛里有人问这个,所以决定贴出我的解决办法。

首先说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官网

标签: vue quill
  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 3
博文 17
码字总数 6156
作品 1
×
叶叶叶知秋
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: