如何在没有URL或文件的情况下将代码馈送到iframe中？

Question

我正在尝试创建一个视觉编辑器，其中用户创建3D场景，而我的应用程序为项目本身编写了代码。我想创建一个测试功能，其中正在运行生成的代码。我已经考虑使用iframes，但据我所知，您需要一个特定的url iframe。

以下是我想到的一些想法/解决方案：

• 是否有一种方法可以将代码手动馈送到iframe，而没有文件或URL？
• 还有其他更轻松的方法可以完成此任务吗？
• 可以在没有服务器端代码的情况下完成此任务？

让我知道您是否需要更多信息。谢谢！

Answer 1

是的，有可能只需在服务器/主机上的某个地方创建另一个HTML文件，而只是禁止外部访问它，以便只能从iframe中访问。

您必须使用脚本将代码提供给iframe而无需这样的源文件：

<iframe id="my-iframe"></iframe>

<script>
document.getElementById("my-iframe").contentDocument.write("<h1>Hello World</h1>");
</script>

将javascript更改为iframe>：

var iframe = document.getElementById("my-iframe");
var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;

iframeDocument.body.innerHTML = "<h1>Goodbye World</h1>";

此覆盖：此覆盖iframe的所有内容。

这将起作用，但要从iframe中格式化HTML将是一个很大的痛苦。据我所知，这是适合您需求的最简单方法。