tiptap prosemirror должен редактировать только определенные узлы

Question

Я пытаюсь сделать редактор с подсказкой (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 для vue.js.

Answer 1

Попробуйте установитьatom: trueв спецификации ваших пользовательских узлов.

Может быть установлено значение true, чтобы указать, что, хотя это и не конечный узел, он не имеет непосредственно редактируемого содержимого и должен рассматриваться как единый блок в представлении.