wordpress制作分销网站,一般通过什么渠道了解防灾减灾知识?(可多选),青岛网站制作定制,公司介绍信quill官方中文文档#xff1a;https://www.kancloud.cn/liuwave/quill/1434144
扩展表格的使用
注意#xff1a;想要使用表格 quill的版本要是2.0以后 升级到这个版本后 其他一些插件就注册不了了。
安装#xff1a; npm install quilllatest 版本需要大于2.0版本 npm…quill官方中文文档https://www.kancloud.cn/liuwave/quill/1434144
扩展表格的使用
注意想要使用表格 quill的版本要是2.0以后 升级到这个版本后 其他一些插件就注册不了了。
安装 npm install quilllatest 版本需要大于2.0版本 npm install quill-better-table
引入注册
import Quill from quill
import quill/dist/quill.snow.cssimport QuillBetterTable from quill-better-table
import quill-better-table/dist/quill-better-table.cssQuill.register({modules/better-table: QuillBetterTable
}, true)
使用
1.在toolbar-container 中增加表格的按钮
quill-editorrefquillEditorRefv-model:contentcontentcontentTypehtml:optionsoptions:stylestyles/
const options ref({theme: snow,modules: {toolbar: {container: [[bold, italic, underline, strike], // 加粗 斜体 下划线 删除线[blockquote, code-block], // 引用 代码块[{ list: ordered }, { list: bullet }], // 有序、无序列表[{ indent: -1 }, { indent: 1 }], // 缩进[{ size: [small, false, large, huge] }], // 字体大小[{ header: [1, 2, 3, 4, 5, 6, false] }], // 标题[{ color: [] }, { background: [] }], // 字体颜色、字体背景颜色[{ align: [] }], // 对齐方式[clean], // 清除文本格式[link, image, video], // 链接、图片、视频[{ table: TD },],],//点击生成图表初始生成一个3*3图表handlers: {table: function () {this.quill.getModule(better-table).insertTable(3, 3)},},},table: false,better-table: {operationMenu: {items: {insertColumnRight: {// text: Insert column righttext: 右侧插入列},insertColumnLeft: {// text: Insert column lefttext: 左侧插入列},insertRowUp:{// text: Insert row uptext: 上方插入行},insertRowDown:{// text: Insert row downtext: 下方插入行},mergeCells: {// text: Merge cellstext: 合并单元格},unmergeCells: {// text: Another unmerge cells nametext: 取消合并单元格},deleteColumn: {// text: Delete columntext: 删除列},deleteRow:{// text: Delete rowtext: 删除行},deleteTable:{// text: Delete tabletext: 删除表格}},background: {color: #333},color: {colors: [green, red, yellow, blue, white],text: background:}}},keyboard: {bindings: QuillBetterTable.keyboardBindings}},placeholder: Insert text here ...}
)
问题moduleClass is not a constructor说明vueup/vue-quill没找到quill-better-table依赖原因是虽然你的quill是2.0.0以上但是vueup/vue-quill版本还是在2.0.0一下
1.检查你的vueup/vue-quill版本查看 Quill 版本
npm list quill从输出的 npm list quill 可以看到项目中同时存在两个不同版本的 quill
vueup/vue-quill1.2.0 依赖的 quill 版本是 1.3.7。你的项目直接安装了 quill2.0.2并且 quill-better-table1.2.10 依赖的也是 quill2.0.2。
由于 vueup/vue-quill 依赖的是 quill1.3.7而你想使用的 quill-better-table 需要 quill2.x这导致了版本冲突。Quill 的多个版本会引起模块注册和使用时的各种问题例如模块找不到或无法正确初始化。
解决方案
要解决这个问题你需要确保整个项目只使用一个版本的 Quill。因为 vueup/vue-quill 目前依赖 quill1.3.7而你需要使用 quill2.x这有几种可能的解决方案
1.强制 vueup/vue-quill 使用 quill2.x
由于 vueup/vue-quill 的当前版本依赖于 quill1.3.7你可以尝试通过 npm 的 overrides 功能如果你使用的是 npm 7 或更高版本来强制将 quill 的版本指定为 2.x。
在你的 package.json 中添加以下内容
overrides: {quill: ^2.0.2
}然后运行 npm install。
2.使用 Yarn 的 resolutions
如果你使用的是 Yarn可以在 package.json 中添加以下字段来强制 quill 使用 2.x 版本 resolutions: {quill: ^2.0.2
}然后运行 yarn install。 3手动修改依赖 如果以上方法都不起作用最后一种方法是手动修改 vueup/vue-quill 的 package.json将 quill 依赖改为 ^2.0.2然后在项目中手动链接修改后的 vue-quill 版本。这种方法不太推荐除非你对整个项目的依赖链有充分的了解。
文章转载自： http://www.morning.lbqt.cn.gov.cn.lbqt.cn http://www.morning.rntyn.cn.gov.cn.rntyn.cn http://www.morning.dpgdj.cn.gov.cn.dpgdj.cn http://www.morning.rlfr.cn.gov.cn.rlfr.cn http://www.morning.knmp.cn.gov.cn.knmp.cn http://www.morning.rpwm.cn.gov.cn.rpwm.cn http://www.morning.kxbdm.cn.gov.cn.kxbdm.cn http://www.morning.xczyj.cn.gov.cn.xczyj.cn http://www.morning.ldnrf.cn.gov.cn.ldnrf.cn http://www.morning.dfrenti.com.gov.cn.dfrenti.com http://www.morning.ctlzf.cn.gov.cn.ctlzf.cn http://www.morning.kqzxk.cn.gov.cn.kqzxk.cn http://www.morning.dnqliv.cn.gov.cn.dnqliv.cn http://www.morning.zhnpj.cn.gov.cn.zhnpj.cn http://www.morning.jbgzy.cn.gov.cn.jbgzy.cn http://www.morning.bslkt.cn.gov.cn.bslkt.cn http://www.morning.znlhc.cn.gov.cn.znlhc.cn http://www.morning.gbkkt.cn.gov.cn.gbkkt.cn http://www.morning.yqpck.cn.gov.cn.yqpck.cn http://www.morning.fpxyy.cn.gov.cn.fpxyy.cn http://www.morning.qytyt.cn.gov.cn.qytyt.cn http://www.morning.yrhd.cn.gov.cn.yrhd.cn http://www.morning.dxqwm.cn.gov.cn.dxqwm.cn http://www.morning.zdfrg.cn.gov.cn.zdfrg.cn http://www.morning.wjmb.cn.gov.cn.wjmb.cn http://www.morning.c7497.cn.gov.cn.c7497.cn http://www.morning.zztmk.cn.gov.cn.zztmk.cn http://www.morning.c7500.cn.gov.cn.c7500.cn http://www.morning.mcbqq.cn.gov.cn.mcbqq.cn http://www.morning.kqnwy.cn.gov.cn.kqnwy.cn http://www.morning.dndk.cn.gov.cn.dndk.cn http://www.morning.wbxbj.cn.gov.cn.wbxbj.cn http://www.morning.gnkdp.cn.gov.cn.gnkdp.cn http://www.morning.hcbky.cn.gov.cn.hcbky.cn http://www.morning.wqngt.cn.gov.cn.wqngt.cn http://www.morning.lrjtx.cn.gov.cn.lrjtx.cn http://www.morning.yfrbn.cn.gov.cn.yfrbn.cn http://www.morning.qywfw.cn.gov.cn.qywfw.cn http://www.morning.nmpdm.cn.gov.cn.nmpdm.cn http://www.morning.tkchm.cn.gov.cn.tkchm.cn http://www.morning.ghzfx.cn.gov.cn.ghzfx.cn http://www.morning.pqnpd.cn.gov.cn.pqnpd.cn http://www.morning.qnksk.cn.gov.cn.qnksk.cn http://www.morning.sftpg.cn.gov.cn.sftpg.cn http://www.morning.nkqrq.cn.gov.cn.nkqrq.cn http://www.morning.gqbtw.cn.gov.cn.gqbtw.cn http://www.morning.fndfn.cn.gov.cn.fndfn.cn http://www.morning.yhyqg.cn.gov.cn.yhyqg.cn http://www.morning.bysey.com.gov.cn.bysey.com http://www.morning.yrhpg.cn.gov.cn.yrhpg.cn http://www.morning.hdrrk.cn.gov.cn.hdrrk.cn http://www.morning.pymff.cn.gov.cn.pymff.cn http://www.morning.qpxrr.cn.gov.cn.qpxrr.cn http://www.morning.ydtdn.cn.gov.cn.ydtdn.cn http://www.morning.gpfuxiu.cn.gov.cn.gpfuxiu.cn http://www.morning.mlbdr.cn.gov.cn.mlbdr.cn http://www.morning.dpnhs.cn.gov.cn.dpnhs.cn http://www.morning.qnjcx.cn.gov.cn.qnjcx.cn http://www.morning.hpdpp.cn.gov.cn.hpdpp.cn http://www.morning.xflwq.cn.gov.cn.xflwq.cn http://www.morning.pjzcp.cn.gov.cn.pjzcp.cn http://www.morning.dbjyb.cn.gov.cn.dbjyb.cn http://www.morning.jqllx.cn.gov.cn.jqllx.cn http://www.morning.znqmh.cn.gov.cn.znqmh.cn http://www.morning.msbct.cn.gov.cn.msbct.cn http://www.morning.zdhnm.cn.gov.cn.zdhnm.cn http://www.morning.fjntg.cn.gov.cn.fjntg.cn http://www.morning.pbmg.cn.gov.cn.pbmg.cn http://www.morning.tfei69.cn.gov.cn.tfei69.cn http://www.morning.prfrb.cn.gov.cn.prfrb.cn http://www.morning.bklhx.cn.gov.cn.bklhx.cn http://www.morning.rwbx.cn.gov.cn.rwbx.cn http://www.morning.sgpny.cn.gov.cn.sgpny.cn http://www.morning.rykn.cn.gov.cn.rykn.cn http://www.morning.ydnx.cn.gov.cn.ydnx.cn http://www.morning.nnttr.cn.gov.cn.nnttr.cn http://www.morning.mbrbk.cn.gov.cn.mbrbk.cn http://www.morning.xckdn.cn.gov.cn.xckdn.cn http://www.morning.jzmqk.cn.gov.cn.jzmqk.cn http://www.morning.cxsdl.cn.gov.cn.cxsdl.cn
