Я пытаюсь вставить таблицу вact-quill, используя библиотеку quill-лучше-table. Я заметил, что соответствующий простой js пример здесь: https://codepen.io/soccerloway/pen/WWJowj использует функцию quill.getModule ('better-table') , чтобы получить модуль и затем вставить таблицу. Я пытался сделать это, используя реагирование-перо и реакцию-перо-с-таблицей, но функция не определена. Может ли реагирующая версия библиотеки работать с таблицей quill-better-table?
import ReactQuill, { Quill, Mixin, Toolbar } from 'react-quill-with-table'; // ES6
import QuillBetterTable from "quill-better-table";
export default function MyQuillTextEditor(props) {
const modules = {
toolbar: [
[{ 'header': [1, 2, false] }],
['bold', 'italic', 'underline','strike', 'blockquote'],
[{'list': 'ordered'}, {'list': 'bullet'}, {'indent': '-1'}, {'indent': '+1'}],
['link', 'image'],
['clean']
],
table: false, // disable table module
"better-table": {
operationMenu: {
items: {
unmergeCells: {
text: "Another unmerge cells name"
}
}
}
},
keyboard: {
bindings: QuillBetterTable.keyboardBindings
}
}
const formats = [
'header',
'bold', 'italic', 'underline', 'strike', 'blockquote',
'list', 'bullet', 'indent',
'link', 'image'
]
let editor = null;
const addTable = (e) => {
e.preventDefault();
Quill.getModule("better-table");
}
return (
<div>
<ButtonGroup size="small" aria-label="small button group">
<Button onClick>Add Row</Button>
<Button>Add Column</Button>
<Button>Delete Table</Button>
<Button onClick={(event) =>addTable(event)}>Add Table</Button>
</ButtonGroup>
<ReactQuill theme="snow"
ref={(el) =>{editor = el}}
modules={modules}
formats={formats}
theme="snow"
>
</ReactQuill>
</div>
)
}