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

Question

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

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

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));