typescript 挣扎vue3 vueQuill添加表

sigwle7e  于 2023-01-18  发布在  TypeScript
关注(0)|答案(1)|浏览(434)

我试了几天...但是我不知道如何在我的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,
  })
}

我转了一圈又一圈,来到这里,由于缺乏文档,很难配合工作。

hs1ihplo

hs1ihplo1#

我知道这有点晚了,但是vue-quill使用的是quill的v1.x,而quill-better-tables使用的是v2.x
这可能是你的问题。
我同意羽毛笔医生很糟糕,很难把它和羽毛笔医生结合起来。我马上就要回到TinyMCE了

相关问题