add table editing plugin and allow table to be resizeable

This commit is contained in:
Hans Pagel
2021-01-22 00:31:00 +01:00
parent 05487ea82f
commit 0a1d8eaf9a
2 changed files with 24 additions and 5 deletions

View File

@@ -1,7 +1,7 @@
import { Command, Node, mergeAttributes } from '@tiptap/core'
import {
// tableEditing,
// columnResizing,
tableEditing,
columnResizing,
// goToNextCell,
addColumnBefore,
addColumnAfter,
@@ -23,6 +23,7 @@ export interface TableOptions {
HTMLAttributes: {
[key: string]: any
},
resizable: boolean,
}
export const Table = Node.create({
@@ -30,6 +31,7 @@ export const Table = Node.create({
defaultOptions: <TableOptions>{
HTMLAttributes: {},
resizable: false,
},
content: 'table_row+',
@@ -126,6 +128,13 @@ export const Table = Node.create({
// setCellAttr: ({ name, value }) => setCellAttr(name, value),
}
},
addProseMirrorPlugins() {
return [
...(this.options.resizable ? [columnResizing({})] : []),
tableEditing({}),
]
},
})
declare module '@tiptap/core' {