文档章节

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

东北的冬
 东北的冬
发布于 2017/08/30 14:57
字数 192
阅读 157
收藏 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
博文 20
码字总数 6742
作品 1
武汉
程序员
私信 提问
vue-quill-editor上传内容由于图片是base64的导致字符太长的问题解决

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

灿爷的前端之路
2018/08/20
0
0
quill 富文本编辑器自定义格式化

quilljs 现在富文本编辑器轮子太多了,Github 上随便搜一下就有一堆,我需要实现的功能很简单,所以就佛系地选了 ,quilljs 是一个轻量级的富文本编辑器。 链接: 官网:quilljs.com/ Github...

axuebin
04/06
0
0
Vue常用经典开源项目汇总参考-海量

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

80368704
2017/04/20
0
0
Quill富文本编辑器添加图片由base64改为上传

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

Cheuker
2018/07/04
0
0
web前端Vue.js经典开源项目汇总

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

爱前端
2017/12/03
0
0

没有更多内容

加载失败,请刷新页面

加载更多

读书replay《maven实战》.1.20190526

前情提要 maven这个工具用了好久了,但是一直都用的迷迷糊糊的,没有对它进行过系统性的学习,只是知道一些常用的功能怎么实现,所以20190516这一天我从JD购买了徐晓斌老师所著的《maven实战...

wanxiangming
27分钟前
0
0
真实项目案例实战——【状态设计模式】使用场景

什么是状态模式 状态模式允许一个对象在其内部状态改变的时候改变其行为。这个对象看上去就像是改变了它的类一样。 状态模式应用场景 1.一个对象的行为取决于它的状态,并且它必须在运行时刻根...

须臾之余
34分钟前
0
0
Java 实现把字符串转换成整数【底层实现】

https://blog.csdn.net/zl18310999566/article/details/80263396

qimh
37分钟前
0
0
IDEA的debugger

1、win下节省内存空间 3、条件断点

一只小青蛙
48分钟前
3
0
炸!亿级数据DB秒级平滑扩容

一步一步,娓娓道来。 一般来说,并发量大,吞吐量大的互联网分层架构是怎么样的? 数据库上层都有一个微服务,服务层记录“业务库”与“数据库实例配置”的映射关系,通过数据库连接池向数据...

编程SHA
54分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部