如何实现textarea中HTML标签提交后渲染？现有JQuery代码无效求助

看起来你遇到的核心问题是：用户输入的HTML实体（比如<i>）提交后，被当成纯文本显示了，没有被解析成真正的HTML标签。这是因为这些转义后的实体字符，直接用.html()设置时，浏览器会把它们当作普通文本处理，而不是解码成标签。

下面给你两种可靠的解决方案：

方法一：利用临时DOM元素解码实体 #

这是最经典且兼容性好的方式，借助浏览器原生的HTML实体解码能力：

$('.blogbody').each(function() {
  // 先获取元素中的转义文本（比如 "<i>Hi there</i>"）
  const escapedText = $(this).text();
  // 创建临时div，通过设置text来让浏览器自动解码实体，再取html得到解码后的标签
  const decodedHtml = $('<div>').text(escapedText).html();
  // 将解码后的HTML设置回元素，就能渲染出斜体效果了
  $(this).html(decodedHtml);
});

方法二：使用DOMParser（现代浏览器推荐） #

如果你不需要兼容旧版浏览器，用原生的DOMParser会更高效：

$('.blogbody').each(function() {
  const escapedText = $(this).text();
  const parser = new DOMParser();
  // 解析转义文本为HTML文档，提取body内的内容就是解码后的HTML
  const decodedHtml = parser.parseFromString(`<!doctype html><body>${escapedText}`, 'text/html').body.innerHTML;
  $(this).html(decodedHtml);
});

为什么之前的代码没生效？ #

你提到的代码片段string.r...应该是尝试用replace手动替换实体，但这种方式只能处理少数实体（比如只替换<和>），没办法覆盖所有HTML实体（比如&、"等），而且容易遗漏，所以不如借助浏览器原生的解码能力可靠。

重要提醒：安全风险 #

如果允许用户提交任意HTML，一定要注意XSS攻击风险！比如用户输入<script>恶意代码</script>会直接执行。建议只允许指定的安全标签（如<i>、<b>、<u>），可以用专门的HTML过滤库来处理，避免安全问题。

内容的提问来源于stack exchange，提问作者Jason Howard