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

我想生成一个我可以输入代码（如HTML，CSS和JS）的开发工具，它会创建一个预览/结果窗口（如JSFiddle）。我将在学校使用它作为教程，并需要一个独特的网站来做到这一点（我很乐意使用CodePen，JS Fiddle或Codecademy ......但我不能）。代码处理（客户端而不是服务器端）

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

首先这是可能的吗？我该怎么去做（代码示例会很棒！）？

预先感谢（我appologise如果我没有给予足够的细节，但我是相当新的这一点，可能只是问一个毫无意义的问题（我只有15：/））

干杯：）

来源

2014-03-29 Luke Browne

如果你想要的东西只显示呈现的HTML，CSS，JS（仅客户端），那么你几乎可以使用任何流行的代码为重点的文本编辑器，例如，记事本++或html-kit。如果你想要解析像php这样的服务器端的东西，你可以安装诸如wamp或xampp之类的东西。 IOW你可以在本地完成所有这些工作，而无需使用自己的工具重新发明轮子 –

您必须拥有一台服务器效率低下的服务器才能将文本回显到页面中。一个树莓派（35美元的电脑）可以很容易地发挥它。 –

如果您的网页不必托管在某个其他服务器上。您的浏览器将在您自己的计算机上使用该文件呈现一个页面。如果它纯粹是客户端的东西，只需点击文件并用浏览器打开即可。如果你想像解析php一样的东西，那么你将需要在你的计算机上安装一个服务器（就像我说的最简单的就是安装wamp或xampp） –

有一个相当令人印象深刻的项目叫做php.js，它可以让你在浏览器中解析和执行PHP代码的一个子集。

来源

2014-03-29 21:55:59

辉煌！正是我在寻找的东西，我甚至不知道它存在：D –

如果你想在客户端/浏览器上完成像jsfiddel那样的操作，那么你需要2个或更多的帧。一个用于您的代码，另一个用于输出。

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

来源

2014-03-29 18:02:11 alpham8

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

回答

相关问题