2021-01-21 06:53:53 +08:00
|
|
|
import { Node, mergeAttributes } from '@tiptap/core'
|
2021-01-21 06:42:01 +08:00
|
|
|
|
2021-01-21 06:53:53 +08:00
|
|
|
export interface TableCellOptions {
|
|
|
|
HTMLAttributes: {
|
|
|
|
[key: string]: any
|
|
|
|
},
|
|
|
|
}
|
2021-01-21 06:42:01 +08:00
|
|
|
export const TableCell = Node.create({
|
2021-01-21 07:16:45 +08:00
|
|
|
name: 'table_cell',
|
2021-01-21 06:53:53 +08:00
|
|
|
|
|
|
|
defaultOptions: <TableCellOptions>{
|
|
|
|
HTMLAttributes: {},
|
|
|
|
},
|
|
|
|
|
|
|
|
content: 'block+',
|
2021-01-21 07:16:45 +08:00
|
|
|
|
2021-01-22 07:07:31 +08:00
|
|
|
addAttributes() {
|
|
|
|
return {
|
|
|
|
colspan: {
|
|
|
|
default: 1,
|
|
|
|
},
|
|
|
|
rowspan: {
|
|
|
|
default: 1,
|
|
|
|
},
|
|
|
|
colwidth: {
|
|
|
|
default: null,
|
|
|
|
},
|
|
|
|
}
|
|
|
|
},
|
2021-01-21 07:16:45 +08:00
|
|
|
|
|
|
|
tableRole: 'cell',
|
|
|
|
|
2021-01-21 06:53:53 +08:00
|
|
|
isolating: true,
|
|
|
|
|
|
|
|
parseHTML() {
|
|
|
|
// return [{ tag: 'td', getAttrs: dom => getCellAttrs(dom, extraAttrs) }]
|
|
|
|
return [{ tag: 'td' }]
|
|
|
|
},
|
|
|
|
|
|
|
|
renderHTML({ HTMLAttributes }) {
|
|
|
|
// toDOM(node) { return ["td", setCellAttrs(node, extraAttrs), 0] }
|
|
|
|
return ['td', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
|
|
|
|
},
|
|
|
|
|
2021-01-21 06:42:01 +08:00
|
|
|
})
|
|
|
|
|
|
|
|
declare module '@tiptap/core' {
|
|
|
|
interface AllExtensions {
|
|
|
|
TableCell: typeof TableCell,
|
|
|
|
}
|
|
|
|
}
|