单击编辑按钮时stackoverflow如何格式化textarea？

Question

这不是重复的问题，我知道如何创建富编辑器，但我遇到了问题

我想制作一个像 stackoverflow 那样的富文本框。

1. 我像 SO 一样导入 wmd 插件。

2. 当我将一个主题保存到 mysql 时，它会像这样保存处理后的文本：

你好世界

类文本{}

我认为这是正常的，因为 html 页面可以正确呈现。

但是当我尝试编辑这个主题时，它直接在我的文本区域中显示代码：

我需要的是这个（就像我第一次进入时一样）：

我的 textarea 代码非常简单，如下所示：

<!-- text area start -->
      <div id="wmd-button-bar"></div>
      <textarea id="wmd-input" name="description" onblur="checkForm()">${topic?.description}</textarea>
      <div id="wmd-preview"></div>
<!-- text area end -->

有人可以帮忙吗？谢谢。

Answer 1

我自己找到答案。

我需要做的只是在wmd处理之前添加一个新的隐藏字段来存储原始文本。

然后我将原始文本和处理后的文本都保存到我的数据库中。

当我需要编辑它时，只需使用原始文本。 当我需要渲染它时，使用处理过的文本。