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

IT技术 javascript node.js reactjs ckeditor ckeditor5
2021-05-19 06:01:02

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

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

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));
其它你可能感兴趣的问题
上一篇仅使用 Babel 转换 jsx 下一篇松露拆箱react，未处理的拒绝