soccerloway / quill-better-table

Module for better table in Quill, more useful features are supported.
MIT License
319 stars 121 forks source link

在vue-quill-editor中无法正常显示table #27

Closed way2ex closed 4 years ago

way2ex commented 4 years ago

你好,我打算在vue-quill-editor中使用表格,所以自己fork了一份vue-quill-editor,然后升级了quill。 但是当我引入了better-table时,没有报错,但是表格却无法正常显示,请问有解决办法吗? 引入的代码如下:

import { quillEditor, Quill } from '@ks/ks-vue-quill-editor';

Quill.register({
  'modules/better-table': QuillBetterTable
}, true)
soccerloway commented 4 years ago

@zhuqingguang hi, 我刚刚试了下,fork了一份vue-quill-editor,升级了quill之后,把重新打包后的dist/vue-quill-editor.js引入了我的页面,是可以正常使用的。 image

image

image

效果如下: image

我猜你安装的vue-quill-editor可能依赖的还是quill v1.3.6. 你可以到node_modules中去看看vue-quill-editor的具体信息,看看dependences里quill版本是否正确。

way2ex commented 4 years ago

非常感谢,同时非常抱歉,我之前没有注意到文档里面写的需要将Quill挂载到window上面。刚刚你的示例提醒了我。我是通过 import 来使用的:

import 'quill/dist/quill.core.css';
import 'quill/dist/quill.snow.css';
import { quillEditor, Quill } from '@ks/ks-vue-quill-editor';
import ImageResize from '@ks/ks-quill-image-resize-module';
import QuillBetterTable from 'quill-better-table';

应该是跟使用方式有关系

soccerloway commented 4 years ago

友情提示:2.0毕竟还不是发布版本。相比1.3.6可能会遇到一些交互上的bug噢。我在我的产品里,quilljs也是fork了一份,方便修复一些bug……入坑需谨慎~^ _ ^!

way2ex commented 4 years ago

满足基本需求就可以了,因为已经使用了quill一段时间了,再换编辑器,会影响以前创建的文档,但是有需要表格的支持

AricZhu commented 4 years ago

能详细说一下再 vue-quill-editor 中如何引入这个 quill-better-table 吗? 我引入的时候还是报错了

victorbuild commented 3 years ago

請問有較詳細的解決步驟嗎?我將vue-quill-editor fork 並將版本修改為 2.0.0-dev.4

"quill": "2.0.0-dev.4"

但插入表格時 只會出現

<p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p>

我有搭配 vuex 不知道是不是 vuex的問題

PixsaOJ commented 2 years ago

What a great English issue, love it! Can somebody translate?

alex644715 commented 9 months ago

請問有較詳細的解決步驟嗎?我將vue-quill-editor fork 並將版本修改為 2.0.0-dev.4

"quill": "2.0.0-dev.4"

但插入表格時 只會出現

<p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p>

我有搭配 vuex 不知道是不是 vuex的問題

我也遇到了这个问题,请问你解决了吗?