Javascript 如何通过codemirror为页面创建php预览函数

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

行动：

为了这个目标，我在谷歌上搜索了一次又一次。 我找到了codemirror.net。我想应该没问题。 下载codemirror zip 5.2版本并将其解压缩到我的计算机D:\codemirror-5.2。 在D:\codemirror-5.2\demo中，有很多演示，我发现一个demopreview.html很有用。 在Chrome上打开preview.html，测试javascript和html，就可以了。 我想要一个preview.html的PHP版本，所以我复制preview.html并重命名为D:\codemirror-5.2\demo中的phppreview.html。 在notepadd++中打开phppreview.html，并按照以下步骤进行修改。 第3行，将标题更改为CodeMirror:PHP预览。 在第12行之后，添加新行： 第37行和第42行，将HTML5预览更改为PHP预览。 第72行，将模式从text/xml更改为application/x-httpd-php。 其他人保持不变，在Chrome中打开phppreview.html，测试PHP代码，它不工作，语法高亮显示和PHP代码输出都不工作！。 问题: 如何在页面中获得PHP预览？以上步骤有什么问题，或者需要添加其他步骤

提前感谢

---

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

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

以下是该页面的链接：

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

您只能使用html和javascript来实现这一点，因为源代码完全在浏览器客户端处理

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

---

如果您只想查看phpPreview，而不想自己开发解决方案，那么这里有一个链接：

您可以发布代码或创建JSFIDLE吗？没有任何代码就很难调试。