javascript - 如何通过codemirror为页面制作php预览功能

Question

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

行动:

1. 为了这个目标，我一次又一次地在 google 上搜索。
2. 我找到了 codemirror (codemirror.net)。我觉得应该没问题。
3. 下载 codemirror zip(5.2 版本)并将其解压到我的计算机 D:\codemirror-5.2。
4. 在D:\codemirror-5.2\demo中，有很多demo，我发现一个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行，将“HTML5预览”更改为“PHP预览”。
11. 第 72 行，将模式从“text/xml”更改为“application/x-httpd-php”。
12. 其他保持不变，在Chrome中打开phppreview.html，测试PHP代码，它不起作用，语法高亮和PHP代码输出都不起作用!。

问题:如何在页面中获得 PHP 预览？上述步骤有什么问题或者需要添加其他任何步骤吗？

提前致谢!!!

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

Answer 1

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

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

功能非常简单。每当更改某些代码时，结果都会显示在位于同一页面上的 iframe 中。

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

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

如果您只想使用 phpPreview，而不需要自行开发解决方案，这里有一个链接:http://www.phpfiddle.org