textarea中的HTML格式文本[重复]

Posted 2023-05-07

【中文标题】textarea中的HTML格式文本[重复]

【英文标题】：HTML formated text in textarea [duplicate]

【发布时间】：2014-05-03 02:53:29

【问题描述】：

我已将 HTML 格式的文本存储到数据库中，并希望在 textarea 或类似的地方动态显示。

这是文本区域

<textarea class="FormElement" name="txtObject" id="term" style="width: 320px; height: 250px;"></textarea>

并用javascript设置值

$('[name=txtObject]').val(row.Text);

但是得到<strong>Text message</strong> 我想收到短信。

谁能帮帮我？

【问题讨论】：

文本区域，顾名思义，就是文本区域。 文本。 不是 html。考虑使用<div> 和contentEditable。

使用 div 代替......

不行 你不能在 textarea 中渲染 html

@rejesh 你能举个例子吗？

【参考方案1】：

textarea 无法做到这一点。使用内容可编辑的 div 可以实现您想要达到的结果，如下所示：

<div contenteditable="true"></div>

【讨论】：

如果有人关心向后兼容性，contenteditable 可以在所有现代浏览器上运行（包括）IE8 - caniuse.com/#search=contenteditable

【参考方案2】：

textarea 只应该用于输入未格式化的文本。如果您只想显示文本，请将其添加到 div 中，应使用 $('#mydiv').html(row.Text)。如果您想要一个更丰富的文本编辑器，我建议您在谷歌周围搜索一个适合您的。

TinyMCE 似乎是一个合理的选择。

【讨论】：

感谢您的支持。