大佬教程收集整理的这篇文章主要介绍了如何在 iframe 上加载 html 时转义 (')quote OR (") 双引号,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个 HTML 文件发送到我的 React 应用程序,然后我尝试使用 iframe
呈现它。问题是发送的 HTML 文件同时包含 (') 单引号和 (") 双引号,这导致渲染失败。
var template = (report) => {
return ({__HTML: "<iframe srcDoc='"+ report +"' wIDth='100%' height='100%'></iframe>"})
};
这是我当前用于渲染 iframe 的实现,其中 report
来自我
async function fetchReport(ID) {
const response = await fetch(`${process.env.REACT_APP_REPORT_FINDER_serviCE_URL}/reports/${ID}`,{
method: 'GET',// *GET,POST,PUT,deletE,etc.
mode: 'cors',// no-cors,*cors,same-origin
headers: {
'Content-Type': 'text/HTML','Authorization': `Bearer ${localstorage.getItem('IDToken')}`
},})
return response.text();
};
请注意,我无法在 iframe 上为 src
使用 URL,因为我需要设置授权标头。现在我在如何做一个解决方法来在 iframe 上呈现 HTML 文件方面陷入了死胡同。任何帮助将不胜感激。
为此使用 react-srcdoc-iframe
。
代码沙盒:https://codesandbox.io/s/mystifying-worker-1t258?file=/src/App.js
以上是大佬教程为你收集整理的如何在 iframe 上加载 html 时转义 (')quote OR (") 双引号全部内容,希望文章能够帮你解决如何在 iframe 上加载 html 时转义 (')quote OR (") 双引号所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。