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

Question

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

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

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

2. 当我将主题保存到 mysql 时，它会保存处理后的文本，如下所示：

<p>你好世界</p>

<pre><code>class Text{}</code></pre>

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

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

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

我的 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处理之前添加一个新的隐藏字段来存储原始文本。

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

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