如何通过TipTap/Prosemirror API无需手动选中移除TextNode标记？

你不需要手动选中节点，也不用直接修改内容JSON，通过ProseMirror的状态与事务系统就能规范实现需求，核心是定位目标TextNode的位置范围并执行标记移除操作：

步骤1：定位目标TextNode并获取位置 #

利用文档的findChildren方法遍历筛选带有目标标记的TextNode，该方法会返回节点本身及其在文档中的起始位置：

// 替换为你要移除的标记名称（比如'bold'、'italic'）
const targetMarkType = editor.state.schema.marks['你的标记名'];
// 遍历找到所有符合条件的TextNode
const targetTextNodes = editor.state.doc.findChildren(node => 
  node.isText && node.marks.some(mark => mark.type === targetMarkType)
);

如果你已经提取到了特定的TextNode，可以在回调中增加额外匹配条件（比如节点文本内容、唯一标记属性）来精准定位，避免遍历所有节点。

步骤2：创建事务移除标记 #

对每个找到的TextNode，通过起始位置和节点长度确定范围，调用removeMark方法移除指定标记，最后分发事务更新编辑器状态：

targetTextNodes.forEach(([textNode, startPos]) => {
  const transaction = editor.state.tr;
  // 移除该TextNode范围内的目标标记
  transaction.removeMark(
    startPos, 
    startPos + textNode.nodeSize, 
    targetMarkType
  );
  // 分发事务，让编辑器应用修改
  editor.view.dispatch(transaction);
});

关键问题说明 #

• 为什么NodeSelection不可用？
  NodeSelection仅支持选中块级节点（如段落、标题），TextNode属于行内节点，不符合其选中规则，因此无法通过NodeSelection.create创建选择。
• 为什么WEB API的Selection无效？
  ProseMirror会完全接管编辑器的选择状态，直接操作DOM选择不会同步到ProseMirror的内部状态，所有内容修改必须通过其内置的事务系统执行。

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