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，以指示虽然这不是叶节点，但它没有可直接编辑的内容，应该在视图中将其视为单个单元。