文档章节

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

东北的冬
 东北的冬
发布于 2017/08/30 14:57
字数 192
阅读 126
收藏 0

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

© 著作权归作者所有

共有 人打赏支持
东北的冬
粉丝 3
博文 17
码字总数 6156
作品 1
武汉
程序员
vue-quill-editor上传内容由于图片是base64的导致字符太长的问题解决

vue-quill-editor是个较为轻量级富文本框,相较于ueditor,开发更编辑,更加直观,如果大家伙在需求允许的情况下,还是会比较建议使用vue-quill-editor vue-quill-editor的使用方法在这边就不...

灿爷的前端之路
08/20
0
0
Vue常用经典开源项目汇总参考-海量

Vue常用经典开源项目汇总参考-海量   Vue是什么?   Vue.js(读音 /vju/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。...

80368704
2017/04/20
0
0
web前端Vue.js经典开源项目汇总

  Vue是什么?   Vue.js(读音/vju/,类似于view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层,并且非常容易...

爱前端
2017/12/03
0
0
Quill富文本编辑器添加图片由base64改为上传

Quill是一款非常好用的编辑器,不过默认的图片是base64后插入到文本中的,如果要上传到服务器,CDN等,需要重写image控件的handler,如果使用的是vue百度也有一堆解决方案,这里贴上基本的jqu...

Cheuker
07/04
0
0
开发了一款写作软件(OSX,Windows),附带Electron开发指南

断断续续写了个把月,终于在昨天完成了第一版… 笔落写作 一款帮助网络写手更方便地进行小说创作的PC软件,目前支持 OSX/Windows 名字灵感来自于杜甫的一首诗,前两句是: 《寄李十二白二十韵...

林水溶
05/15
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Java中的移位运算符

国庆给自己放了个小长期二十几天,回来继续更新专栏 上一篇文章我们说了Java里的二进制,知道了计算机是以0和1来处理数据的,在阅读源码的过程中,经常会看到这些符号<< ,>>,>>>,这些符号...

SuShine
19分钟前
2
0
linux版QQ

下载地址在这 http://yun.tzmm.com.cn/index.php/s/XRbfi6aOIjv5gwj Appimage包不用做什么别的处理,安装啥的都不需要。。找到文件所在目录,终端中修改一下文件的权限 chmod 777 QQ-2017112...

悲催的古灵武士
25分钟前
1
0
咕泡-MyBatis 实用篇作业

1. Mapper在spring管理下其实是单例,为什么可以是一个单例? 首先,mapper 内部不包含 成员字段,无状态单例是安全的 另外,一直存在不用每次调用都new 一个新实例 2. MyBatis在Spring集成下...

职业搬砖20年
28分钟前
2
0
MQTT协议的初浅认识之连接建立

MQTT百科 MQTT(消息队列遥测传输)是ISO 标准(ISO/IEC PRF 20922)下基于发布/订阅范式的消息协议。它工作在 TCP/IP协议族上,是为硬件性能低下的远程设备以及网络状况糟糕的情况下而设计的发布...

亚林瓜子
44分钟前
1
0
OpenStack部署都有哪些方式

对于每一个刚接触到OpenStack的新人而言,安装无疑是最困难的,同时这也客观上提高了大家学习OpenStack云计算的技术门槛。想一想,自己3年前网上偶然接触到OpenStack时,一头茫然,手动搭建一...

tututu_jiang
45分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部