0

我正在尝试构建一个富文本编辑器，我可以在其中从下拉列表中添加“标签”。这就是我现在的位置：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>在每个下拉值周围添加一个文本字符串，但它实际上是在编辑器中打印的，而不仅仅是在输出中。

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

4

0 回答 0