Quill插入表格getModule(‘table‘)为undefined 问题

Quill表格兼容

最近发现项目用的Quill富文本编辑器不支持表格插入,百度搜索有很多文章写quill怎么兼容,大致都是分这么个几个步骤:

  1. quill升级的2.0.0-dev.3以上,现在最新的是quill@2.0.0-dev.4,我下载的dev.4版本

  2. 增加相关图标(插入行、插入列、移除行、移除列)

  3. 绑定图标点击事件

具体实现可以参考这篇文章 https://blog.csdn.net/qq_37209281/article/details/124626766,我这里说一下遇到的问题,跟着步骤改完之后界面看起来没有什么问题
在这里插入图片描述
点击图标没有反应,看到后台有报错
在这里插入图片描述
检查代码发现代码是绑定事件那里报错了

this.quill.getModule('table').insertTable(2, 3)

打印this.quill.getModule('table') 发现是 undefined,看源码是有这个table模块的,看文档也没找到是哪里的问题,最后发现只需要增加配置table: true就可以启用 table 模块了
在这里插入图片描述
点击插入按钮,发现可以插入表格成功了
在这里插入图片描述
getModule('table')也不是undefined
在这里插入图片描述

总结

Quill的table模块还在他们的开发分支,table的扩展支持还是比较少,相关文档还没那么完善,用的时候会有一些坑,希望他们能早点完善这个功能哈

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值