如何使用 prosMirror 创建可变特征

如何解决如何使用 prosMirror 创建可变特征

我正在尝试创建可变功能。我无法理解如何做架构功能。

我想要的结果：
在编辑器中查看：

<div>hello <span style="background:blue;" class="editor-variable" data-value="fullName">fullName</span></div>
<div>this is another row</div>

查看获取 html 字符串：

 <div>hello {{fullname}} </div>
 <div>this is another row</div>

i want <span style="background:blue;" class="editor-variable" data-value="fullName">fullName</span>
to be translate to {{fullName}}