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> 作为文本字符串,但实际上它是在编辑器中打印的,而不仅仅是在输出中。

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

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)