使用JavaScript将富文本HTML转换为纯文本
// 将富文本HTML转换为纯文本的函数
function htmlToPlainText(htmlContent) {
// 使用DOM解析器创建一个新的DOM元素
var tempDiv = document.createElement("div");
tempDiv.innerHTML = htmlContent;
// 使用textContent获取所有文本内容,并清除空格
var text = tempDiv.textContent || tempDiv.innerText || "";
text = text.trim();
return text;
}
// 示例HTML内容
var htmlContent = "<p>这是一个<b>富文本</b>示例。</p>";
// 使用函数转换HTML为纯文本
var plainText = htmlToPlainText(htmlContent);
console.log(plainText); // 输出: 这是一个富文本示例。
这段代码定义了一个htmlToPlainText
函数,它接受HTML内容作为参数,创建一个临时的DOM元素,并将HTML内容作为其innerHTML
。然后,它使用textContent
或innerText
属性来获取所有文本内容,并移除前后的空格。最后,它返回一个纯文本字符串。
评论已关闭