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处理。

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

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