代码处理（客户端而不是服务器端）

Question

我想生成一个可以输入代码的开发工具（比如HTML，CSS和JS），它会创建一个预览/结果窗口（如JSFiddle）。我将在学校使用它进行教程，并需要一个独特的网站来实现这一点（我很想使用CodePen，JS Fiddle或Codecademy ......但我可以＆＃39;）

我能够生成一个可以在iframe中处理和显示的表单（通过PHP，它只是将信息回显到iframe中显示的新html文件中）。但这带来了问题;我只有一台廉价的服务器，并且不想给它施加太大的压力，所以需要通过JS / jQuery来解决这个问题。

首先这可能吗？我将如何去做（代码示例会很棒！）？

提前致谢（如果我没有给出足够的细节，我会道歉，但我对此很新，可能只是问一个毫无意义的问题（我只有15岁）/） / p>

干杯：）

Answer 1

如果您想在客户端/浏览器中完成此操作，例如jsfiddel do，那么您需要2个或更多帧。 一个用于代码，一个用于输出。

如果单击“运行”，则需要将代码应用于框架。您可以通过访问框架的document对象来完成此操作。如果你得到它，你需要在那里注入你的代码。网络上有很多关于如何从框架/ iframe访问子document对象的示例。

Answer 2

有一个名为php.js的令人印象深刻的项目，它允许您在浏览器中解析和执行PHP代码的子集。