如何通过codemirror对页面进行php预览功能

时间:2015-04-30 06:39:51

标签: javascript php codemirror

:定位: 我想在页面中嵌入一个带有预览区域的PHP编辑器。

动作:

  1. 对于此目标,我一次又一次在Google上搜索。
  2. 我找到了codemirror(codemirror.net)。我认为应该没问题。
  3. 下载codemirror zip(5.2version)并将其解压缩到我的计算机D:\ codemirror-5.2。
  4. 在D:\ codemirror-5.2 \ demo中,有很多演示,我发现一个演示(preview.html)很有用。
  5. 在Chrome上打开preview.html,测试javascript和HTML,没关系。
  6. 我想要一个PHP版本的preview.html,所以我复制了preview.html并在D:\ codemirror-5.2 \ demo中重命名为phppreview.html。
  7. 在notepadd ++中打开phppreview.html,并按以下步骤进行修改。
  8. 第3行,将标题更改为CodeMirror:PHP预览。
  9. 在第12行之后,添加一个新行:<script src=../mode/php/php.js></script>
  10. 第37和42行,更改&#34; HTML5预览&#34;到&#34; PHP预览&#34;。
  11. 第72行,从&#34; text / xml&#34;更改模式; to&#34; application / x-httpd-php&#34;。
  12. 其他人保持不变,在Chrome中打开phppreview.html,测试PHP代码,它不起作用,语法高亮和PHP代码输出都没有工作!。
  13. 问题: 如何在页面中获得PHP预览?上述步骤或其他任何其他步骤需要添加哪些错误?

    提前致谢!!!

    注意:没有图像,因为我没有足够的声誉来发布图片,希望您能理解我的问题。

1 个答案:

答案 0 :(得分:0)

您已从CodeMirror示例页面中获取了一个javascript预览示例。

这是指向该页面的链接:http://codemirror.net/demo/preview.html

功能很简单。每当更改某些代码时,结果将显示在位于同一页面上的iframe中。

您只能使用html和javascript执行此操作,因为源已在浏览器(客户端)上完全处理。

如果您想预览已执行的PHP代码,则必须将其发送到服务器,在服务器端处理并将其发送回浏览器。您需要在服务器上安装一些代码来完成这项工作。或者你可以在你的计算机上安装php,但即使这样,整个想法也会与html / javascript预览完全不同。

如果您只是想要phpPreview,而不需要自己开发解决方案,请点击链接:http://www.phpfiddle.org