Tiptap React：使用insertContentAt插入带指定属性的段落节点

你不需要事后修改节点属性，直接在调用insertContentAt时给新段落节点传入color属性即可，这样创建出来的节点一开始就带有blue属性，完全符合需求，也不会影响useEffect的挂载逻辑。

修改扩展组件中的handleAdd函数，调整insertContentAt的参数：

const handleAdd=()=>{
  const endPos = props.getPos() + props.node.nodeSize;
  props.editor.chain()
    .insertContentAt(endPos, {
      type: "paragraph",
      attrs: { color: 'blue' } // 直接指定color属性为blue
    })
    .focus(endPos+1)
    .run()
}

这样做的核心优势：

• 新段落节点在创建阶段就已具备color: 'blue'属性，无需后续修改操作
• 通过回车键创建的段落仍会沿用addAttributes中定义的默认值green，自然区分两种创建场景
• 不会触发额外的节点更新逻辑，完全避免对useEffect挂载逻辑的影响

你的扩展定义部分（addAttributes）无需任何改动，默认值green依然正常生效，只有按钮触发的插入操作会使用指定的blue属性。

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