Javascript 代码镜像在编辑器中显示PHP代码？

我正在我的一个项目中使用

code镜像

，允许用户使用

textarea

实时编辑页面

但是，我让用户编辑的页面是一个

.php

文件

当我用代码镜像或，

打开页面时，它将显示PHP代码

以及

HTML和javascript、CSS等

我认为代码镜像或任何其他代码编辑器都无法显示PHP代码，因为PHP是服务器端的

有没有办法只在编辑器的文本区域中显示HTML/javascript/CSS

以下是当前代码：

<?php

$fn = "index.php";



if (isset($_POST['content']))

{

    $content = stripslashes($_POST['content']);

    $fp = fopen($fn,"w") or die ("Error opening file in write mode!");

    fputs($fp,$content);

    fclose($fp) or die ("Error closing file!");

}

?>

<link rel="stylesheet" href="lib/codemirror.css">
<link rel="stylesheet" href="lib/theme/night.css">
<script src="lib/codemirror.js"></script>
<script src="lib/mode/xml/xml.js"></script>
<script src="lib/addon/display/fullscreen.js"></script>

<form action="<?php echo $_SERVER["PHP_SELF"] ?>" method="post">

    <textarea id="code"  style="width:450px;"  rows="25" cols="50" name="content"><?php readfile($fn); ?></textarea>

    <input type="submit" value="Save"> 

</form>

  <script>
    var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
      lineNumbers: true,
      theme: "night",
      extraKeys: {
        "F11": function(cm) {
          cm.setOption("fullScreen", !cm.getOption("fullScreen"));
        },
        "Esc": function(cm) {
          if (cm.getOption("fullScreen")) cm.setOption("fullScreen", false);
        }
      }
    });
  </script>


浏览器将
textarea
中的任何文本解析为字符。如果文本形成了一些php或任何代码，这无关紧要。@Teemu，我使用什么（输入字段）都无关紧要，它仍然显示php代码！（a） 无法理解为什么要以写入模式打开文件。（b） 除了显示所有内容之外，您认为该库如何处理文件中所有可能的php/html/css/javascript组合？考虑下面的内容：你有一个页面需要对HTML进行一些修改，问题是HTML中的一些是由PHP生成的。那又怎样？是否排除某些内容，发送剩余内容，然后再接收响应并尝试重新合并排除的内容？希望能编辑任何东西，但对我的文件的整个内容似乎是不合理的。@ HuffZFLIP，考虑以下内容：抱歉，但我看不到任何其他问题以外的其他问题！我在你的回答中漏掉了什么吗？@ USS345 430-考虑下面的<代码>”你有一个页面需要对HTML做出一些修改，问题是HTML中的一些是由PHP生成的< /COD>