javascript - 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，它是在prosemirror for vue.js 之上构建的。

Answer 1

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

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