通过TextArea控件将HTML Rich-Text转换为纯文本

时间:2014-09-16 09:18:39

标签: javascript jquery html css

我正在从服务器上阅读一些内容丰富的文本,并试图以纯文本格式在网格中显示它。那就是我遇到这个问题的地方。我无法摆脱html样式标签。我不想编写一些脏的JS / Jquery代码来删除HTML样式标记,因为它无法处理所有标记。所以我想做一个技巧并在HTML页面上创建一个隐藏的textarea:

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

在JS中,当我从服务器读取数据时,我将其写入此textarea然后将其读回,以便所有html标签都应该删除,但它不起作用。 html标签本身写在这个textarea中:

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

任何其他建议我如何才能使这项工作?

感谢。

1 个答案:

答案 0 :(得分:0)

我通过使用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包含纯文本。