javascript - 如何在 react 中显示损坏的 HTML?

标签 javascript reactjs

我将尝试使用 React 显示电子邮件内容。有时,我发现没有可用的关闭 HTML。

目前:

我正在使用 dangerouslySetInnerHTML() 方法设置 HTML 内容

<div
  dangerouslySetInnerHTML={{
    __html: this.state.single_mail_data.message
  }}
/>

我还从网上找到了 react-render-html 包。但是,不知何故,我无权安装任何软件包。

谁能帮我在 React 中显示损坏的 HTML?

谢谢

最佳答案

我找到了一个解决方法,它并不完美,但至少不会引发错误,您可以将损坏的 html 放入 iframe srcDoc:

<iframe title="test" srcDoc="<html><body>Hello, <b><a href='#'>world</b>" />

由于并非所有浏览器都完全支持它,因此请务必添加 html5 srcdoc-polyfill .

关于javascript - 如何在 react 中显示损坏的 HTML?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57406521/

相关文章:

reactjs - 在 block 编辑器中获取对 BlockListBlock 的引用

javascript - 与返回原始 html 相比,json 是否会增加任何开销?

mysql - 我在连接到 mysql 的 Node js 中收到错误 "Cannot set headers after they are sent to the client"

javascript - React Material UI 取消选择

javascript - 语义用户界面( react ): Responsive vertical menu by changing to horizontal on mobile devices

javascript - mosquitto+mqtt.js 得到 "Connection refused: Not authorized"

javascript - 更改服务中的数据

javascript - redux-saga:函数被调用两次

javascript - 如何将数组转换为N叉树?

javascript - 重新排序对象数组