Tiptap2中createParagraphNear命令失效，需实现按钮触发新段落

核心问题分析 #

你使用createParagraphNear无效果的原因是该命令有触发前提：光标必须处于块级元素的起始或结束位置，如果光标在段落内容中间，调用该命令不会生成新段落。

有效实现方式 #

以下两种方式均可实现按钮触发添加新段落，同时保留回车生成段落的默认功能：

方式1：直接插入空段落 #

通过insertContent命令直接插入可编辑的空段落，无需依赖光标位置，兼容性更强：

const addParagraph = () => {
  if (!editor.value) return;
  // 插入带换行的空段落，确保段落可编辑
  editor.value.commands.insertContent('<p><br></p>');
  // 可选：自动将光标定位到新段落开头
  editor.value.commands.moveToEndOfNode();
};

方式2：修正createParagraphNear的调用逻辑 #

先将光标移动到当前段落末尾，再调用命令，确保满足触发条件：

const addParagraph = () => {
  if (!editor.value) return;
  // 先将光标移至当前段落末尾
  editor.value.commands.moveToEnd();
  // 调用命令生成新段落
  editor.value.commands.createParagraphNear();
};

后续扩展（字符上限自动分段） #

针对你要实现的类Twitter字符上限功能，可监听编辑器update事件，实时计算当前段落字符数：

editor.value.on('update', () => {
  const maxChars = 140; // 设置字符阈值
  const currentNode = editor.value.state.selection.$from.parent;
  
  // 仅处理段落节点
  if (currentNode.type.name === 'paragraph') {
    const textLength = currentNode.textContent.length;
    if (textLength > maxChars) {
      // 自动触发添加新段落
      addParagraph();
      // 若需将超出内容剪切到新段落，可额外处理文本分割逻辑
    }
  }
});

内容的提问来源于stack exchange，提问作者Samuel M. Bednarz