tiptap: fix delete table

This commit is contained in:
fantasticit 2022-05-07 10:35:48 +08:00
parent bb814f93a8
commit b4764e11b7
1 changed files with 4 additions and 2 deletions

View File

@ -19,11 +19,13 @@ import { Tooltip } from 'components/tooltip';
import { Divider } from 'tiptap/components/divider'; import { Divider } from 'tiptap/components/divider';
import { BubbleMenu } from 'tiptap/editor/views/bubble-menu'; import { BubbleMenu } from 'tiptap/editor/views/bubble-menu';
import { Table } from 'tiptap/core/extensions/table'; import { Table } from 'tiptap/core/extensions/table';
import { copyNode } from 'tiptap/prose-utils'; import { copyNode, deleteNode } from 'tiptap/prose-utils';
export const TableBubbleMenu = ({ editor }) => { export const TableBubbleMenu = ({ editor }) => {
const copyMe = useCallback(() => copyNode(Table.name, editor), [editor]); const copyMe = useCallback(() => copyNode(Table.name, editor), [editor]);
const deleteMe = useCallback(() => editor.chain().focus().deleteTable(), [editor]); const deleteMe = useCallback(() => {
deleteNode(Table.name, editor);
}, [editor]);
const addColumnBefore = useCallback(() => editor.chain().focus().addColumnBefore().run(), [editor]); const addColumnBefore = useCallback(() => editor.chain().focus().addColumnBefore().run(), [editor]);
const addColumnAfter = useCallback(() => editor.chain().focus().addColumnAfter().run(), [editor]); const addColumnAfter = useCallback(() => editor.chain().focus().addColumnAfter().run(), [editor]);
const deleteColumn = useCallback(() => editor.chain().focus().deleteColumn().run(), [editor]); const deleteColumn = useCallback(() => editor.chain().focus().deleteColumn().run(), [editor]);