Tiptap ProseMirror应该只有特定的节点可编辑

Question

我尝试使用tiptap(prosemirror(制作一个编辑器，默认情况下所有内容都不可编辑。 只有我的自定义节点(例如<var-input>(应该是可编辑的。

例如：

<p>This is a non editable text</p><p><var-input id="12345" kind="{}" choices="[]" value="">This <strong>is</strong> editable</var-input></p><p>This also not editable.</p>

只有标记<var-input ...>和</var-input>之间的内容应该是可编辑的。

我该怎么做？

我使用 tiptap，即建立在 vue.js 的 prosemirror 之上。

Answer 1

尝试在自定义节点的规范中设置atom: true。

可以设置为 true 以指示尽管这不是叶节点，但它没有直接可编辑的内容，应被视为视图中的单个单元。