Quill表格兼容
最近发现项目用的Quill富文本编辑器不支持表格插入,百度搜索有很多文章写quill怎么兼容,大致都是分这么个几个步骤:
-
quill升级的
2.0.0-dev.3
以上,现在最新的是quill@2.0.0-dev.4
,我下载的dev.4版本 -
增加相关图标(插入行、插入列、移除行、移除列)
-
绑定图标点击事件
具体实现可以参考这篇文章 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的扩展支持还是比较少,相关文档还没那么完善,用的时候会有一些坑,希望他们能早点完善这个功能哈