Question

我是JavaScript和reactjs的新手。我有一个文本，其中包含一些段落标签，如

换行符和...来自带有CKEDITOR的textarea。如何在html标签中显示已保存的文本？例如，我想显示这个文字：

myString=<p>Cumque et blanditiis magnam optio amet. Eum eos et et et sit autem optio. Asperiores fuga iure quis sequi voluptas laboriosam et.</p>
<div className={'myclass'}>myString</div>

在html标签中？

Answer 1

为此目的，请使用dangerouslySetInnerHTML ：

<div className={'myclass'} dangerouslySetInnerHTML={{__html: myString}}/>

Answer 2

清理一串html标签或其他恶意javascript代码的过程称为清理。

一种方法是使用reactjs＆＃39>

<强> dangerouslySetInnerHTML

dangerouslySetInnerHTML是React替代使用innerHTML的替代品浏览器DOM。通常，从代码设置HTML是有风险的，因为很容易无意中将您的用户暴露给跨站点脚本（XSS）攻击。因此，您可以直接从React设置HTML，但您有输入dangerouslySetInnerHTML并传递一个带有__html的对象关键，提醒自己这很危险。例如：

function createMarkup() {
  return {__html: 'First &middot; Second'};
}

function MyComponent() {
  return <div dangerouslySetInnerHTML={createMarkup()} />;
}

但我会建议使用DomPurify或SanitizeHtmlReact

等库

因为它们更灵活，有很多选择。

查看他们的示例和演示以获取更多信息

如何用JavaScript包括<p>标签显示段落文本？

2 个答案: