js提取富文本纯文字

最新推荐文章于 2025-03-06 14:19:18 发布

xuchang98

最新推荐文章于 2025-03-06 14:19:18 发布

阅读量1k

点赞数 4

文章标签： javascript 前端 vue.js

本文链接：https://blog.youkuaiyun.com/xuchang98/article/details/139407283

版权

function getPlainText(htmlContent) {
  // 创建一个新的DOM解析器
  var parser = new DOMParser();
  // 使用解析器解析HTML内容，并获取文档对象
  var doc = parser.parseFromString(htmlContent, 'text/html');
  // 创建一个文本节点的范围
  var range = doc.createRange();
  // 选择文档中的所有节点
  range.selectNodeContents(doc.body);
  // 使用范围提取文本内容
  return range.toString();
}
 
// 使用示例
var richText = "<p>Hello, <strong>world</strong>!</p>";
var plainText = getPlainText(richText);
console.log(plainText); // 输出: Hello, world!