gpt4 book ai didi

css - iframe srcdoc 的替代品?

转载 作者:技术小花猫 更新时间:2023-10-29 12:18:17 30 4
gpt4 key购买 nike

一般来说,我反对使用 iframe,但它解决了我的一个特殊问题。

问题是我在网页上有一个 tinyMCE 编辑器。用户使用此编辑器制作内容后,内容将作为 HTML 发送到 Web 应用程序。此内容然后显示在一个 div 中。问题是 tinyMCE 经常添加带有绝对位置的样式 以及与网络应用程序的其余部分相冲突的东西。

测试时我发现新的 HTML 5 iframe srcdoc="<p>Some HTML</p>"seamless="true"非常适合我的情况。它看起来天衣无缝,内容风格和我的风格都完好无损。遗憾的是,我现在看到 Android 尚不支持 HTML5 srcdoc 属性(http://w3schools.com/html5/tryit.asp?filename=tryhtml5_iframe_srcdoc 在 chrome 和 android 浏览器中产生不同的结果)。

所以问题是:除了 iframe srcdoc 之外,还有其他选择可以保留接收到的内容的所有样式并将其包含在 div 中吗?

最佳答案

您可以像这样写入 iframe 的文档:

const html = '<body>foo</body>';
const iframeDocument = document.querySelector('iframe#foo').contentDocument;
const content = `<html>${html} </html>`;
iframeDocument.open('text/html', 'replace');
iframeDocument.write(content);
iframeDocument.close();

关于css - iframe srcdoc 的替代品?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13214419/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com