我试了几天...但是我不知道如何在我的vue3项目中添加表模块。我试了很多方法,我卡在这里...
// imports
import { QuillEditor } from "@vueup/vue-quill";
import Quill from "quill";
import "@vueup/vue-quill/dist/vue-quill.snow.css";
import QuillBetterTable from "quill-better-table";
// template
<QuillEditor
ref="korQuill"
v-model:content="state.button_comment"
content-type="html"
theme="snow"
:toolbar="[
['bold', 'italic'], // toggled buttons
[{ header: 1 }, { header: 2 }], // custom button values
[{ list: 'ordered' }, { list: 'bullet' }],
[{ indent: '-1' }, { indent: '+1' }], // outdent/indent
[{ size: ['small', false, 'large', 'huge'] }], // custom dropdown
[{ header: [1, 2, 3, 4, 5, 6, false] }],
[{ color: [] }, { background: [] }], // dropdown with defaults from theme
[{ align: [] }],
['link', 'image'],
]"
:modules="modules"
/>
const modules = ref({
module: QuillBetterTable,
});
mounted() {
Quill.register({
"modules/better-table": QuillBetterTable,
})
}
我转了一圈又一圈,来到这里,由于缺乏文档,很难配合工作。
1条答案
按热度按时间hs1ihplo1#
我知道这有点晚了,但是vue-quill使用的是quill的v1.x,而quill-better-tables使用的是v2.x
这可能是你的问题。
我同意羽毛笔医生很糟糕,很难把它和羽毛笔医生结合起来。我马上就要回到TinyMCE了