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

Question

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

我想创建一个像stackoverflow那样的富文本框。

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

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

  

＆LT; p＆gt; hello world＆lt; / p为H.

     

＆LT; pre＆gt;＆lt;代码＆gt;类Text {}＆lt; / code＆gt;＆lt; / pre＆gt;

我认为这是正常的，因为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 处理之前添加一个新的隐藏字段来存储原始文本。

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

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