富文本中去掉 HTML 和 CSS 样式，只保留纯文本

要从富文本中去掉 HTML 和 CSS 样式，只保留纯文本，可以使用以下几种方法：
1. 纯 JavaScript 方法
你可以使用 JavaScript 的 innerText 或 textContent 来提取文本，而忽略 HTML 标签和样式。

1. function stripHtml(html) {
2.     var tempDiv = document.createElement("div");
3.     tempDiv.innerHTML = html;
4.     return tempDiv.innerText || tempDiv.textContent || "";
5. }
7. var richText = "<div style='color: red;'>Hello <b>World</b>!</div>";
8. var plainText = stripHtml(richText);
9. console.log(plainText);  // 输出 "Hello World!"

复制代码

2. 使用正则表达式

可以通过正则表达式去除 HTML 标签。虽然这种方法比力简朴，但它可能无法处理一些嵌套标签或特殊的情况，因此需要根据需求进行调整。

1. function stripHtmlTags(html) {
2.     return html.replace(/<[^>]*>/g, '');
3. }
5. var richText = "<div style='color: red;'>Hello <b>World</b>!</div>";
6. var plainText = stripHtmlTags(richText);
7. console.log(plainText);  // 输出 "Hello World!"

复制代码

3. 使用欣赏器的 DOM 解析

可以利用欣赏器内置的 DOM 解析能力来处理更复杂的 HTML 内容。

1. function stripStylesAndHtml(html) {
2.     var tempDiv = document.createElement("div");
3.     tempDiv.innerHTML = html;
4.    
5.     // 遍历所有元素，移除内联样式
6.     var elements = tempDiv.getElementsByTagName("*");
7.     for (var i = 0; i < elements.length; i++) {
8.         elements[i].removeAttribute("style");
9.     }
10.    
11.     return tempDiv.innerText || tempDiv.textContent || "";
12. }
14. var richText = "<div style='color: red;'>Hello <b>World</b>!</div>";
15. var plainText = stripStylesAndHtml(richText);
16. console.log(plainText);  // 输出 "Hello World!"

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。