Question

我在其中一个项目中使用code mirror，允许用户使用textarea实时修改网页。

但是，我允许用户编辑的页面是.php文件。

当我打开包含代码镜像或it will display the PHP code以及HTML and javascript, CSS等的页面时！

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

有没有办法在编辑器中的textarea中显示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>

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

0 个答案: