如何在 React 中将 html 字符串转换为纯文本？

Question

如何在 React 中将 html 字符串（带有很多标签等）转换为纯文本？可能有任何 npm 模块吗？

我还没有找到任何将 html 字符串转换为纯文本的方法。我需要这个，因为我想将在 Ckeditor 5 中编辑的文本文件保存为纯文本文件，但 Ckeditor 5 以 html 或降价格式管理数据。

Answer 1

您可以编写自己的代码来实现这一点，不需要库。

var htmlString = "<h1><b>test</b></h1>";
var plainString = htmlString.replace(/<[^>]+>/g, '');

console.log(plainString ); // you will have your plain text

或

function getText(html){
    var divContainer= document.createElement("div");
    divContainer.innerHTML = html;
    return divContainer.textContent || divContainer.innerText || "";
}

var yourString= "<div><h1>Hello World</h1>\n<p>We are in SOF</p></div>";

console.log(getText(yourString));

如何在 React 中将 html 字符串转换为纯文本？

How to convert html string into plain text in React?

javascript

node.js

reactjs

ckeditor

ckeditor5