通过TextArea控件将HTML富格文本转换为纯文本

HTML Rich-Text to Plain-Text by TextArea control

本文关键字：文本 转换 TextArea 控件 HTML 通过      更新时间：2023-09-26

我正在从服务器上读取一些丰富的内容文本，并试图将其以纯文本格式显示在网格中。这就是我遇到这个问题的原因。我无法摆脱html样式标签。我不想写一些脏的JS/Jquery代码来删除HTML样式标签，因为不可能处理所有的标签。所以我想做一个技巧，在HTML页面上创建了一个隐藏的文本区域：

<textarea name="textarea" id="temp_desc" rows="10" cols="50" style="visibility: hidden"></textarea>

在JS中，当我从服务器上读取数据时，我会将其写在这个文本区域中，然后读回，这样所有的html标签都应该去掉，但它不起作用。html标签本身写在这个文本区域：

document.getElementById("temp_desc").value = Description;
Description = document.getElementById("temp_desc").value;

还有其他建议吗？我该怎么做？

谢谢。

我通过使用div而不是textarea和JQuery方法.text()解决了这个问题。

HTML:

<div id="temp_desc" style="visibility: hidden"></div>

JS:

$("#temp_desc").html(Description);
var descHiddenDIV = document.getElementById("temp_desc");
var temp_description = $(descHiddenDIV).text();

执行上述JS代码后，temp_description包含纯文本。

相关文章：