TipTap表格节点的有效数据结构是什么？insertContent报错求解

你之前的代码结构不符合Tiptap表格节点的规范，Tiptap的表格采用table → tableRow → tableHeader/tableCell的嵌套层级结构，不存在rowsCount、colsCount、headerCells这类属性，且单元格内必须嵌套块级节点（比如段落），不能直接放置文本节点。

以下是符合要求的表格节点数据结构示例：

const tableNode = {
  type: 'table',
  content: [
    // 表头行
    {
      type: 'tableRow',
      content: [
        {
          type: 'tableHeader',
          content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Header 1' }] }]
        },
        {
          type: 'tableHeader',
          content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Header 2' }] }]
        },
        {
          type: 'tableHeader',
          content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Header 3' }] }]
        }
      ]
    },
    // 第一行数据
    {
      type: 'tableRow',
      content: [
        {
          type: 'tableCell',
          content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Cell 1-1' }] }]
        },
        {
          type: 'tableCell',
          content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Cell 1-2' }] }]
        },
        {
          type: 'tableCell',
          content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Cell 1-3' }] }]
        }
      ]
    },
    // 第二行数据
    {
      type: 'tableRow',
      content: [
        {
          type: 'tableCell',
          content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Cell 2-1' }] }]
        },
        {
          type: 'tableCell',
          content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Cell 2-2' }] }]
        },
        {
          type: 'tableCell',
          content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Cell 2-3' }] }]
        }
      ]
    }
  ]
};

// 执行插入操作
editor.value?.chain().focus().insertContent(tableNode).run();

关键注意事项： #

• 表格节点的content数组仅接受tableRow类型的子节点
• 表头单元格使用tableHeader类型，数据单元格使用tableCell类型
• 所有单元格的content必须包含至少一个块级节点（如paragraph），文本节点不能直接作为单元格的子节点
• 无需手动指定行列数，Tiptap会根据行和单元格的数量自动计算

内容的提问来源于stack exchange，提问作者Matt Austin