Kendo React Richtext Editor - 在富文本中添加 HTML 代码

我正在尝试构建一个富文本编辑器，我可以在其中从下拉列表中添加“标签”。这就是我目前所处的位置：https://stackblitz.com/edit/react-ts-1hlrqt?file=index.tsx

目前工作正常，当我在下拉列表中选择某些内容时，标签会正确添加到编辑器中。

查看编辑器的 HTML 输出时，标签的 HTML 如下所示：

<span class="testSpan">
  volvo
</span>

我的问题是，由于在后端解析，我需要像这样输出添加的标签：

<span class="testSpan">
  <span style='visibility: hidden'>$</span>
  volvo
  <span style='visibility: hidden'>$</span>
</span>

因为在后端解析这些标签。

我尝试在每个下拉值周围添加 <span style='visibility: hidden'>$</span> 作为文本字符串，但实际上它是在编辑器中打印的，而不仅仅是在输出中。

有谁知道正确的方法是什么？