如何使用 codemirror 加载代码

Question

我有一个与 codemirror 相关的 PHP 文件，效果很好，但我希望每个文本区域都使用 PHP 从其他文件加载代码，例如 index.php、main.css、main.js，并显示所有文件的预览这些文件要合并。

我的问题是如何在每个文本区域内编写该代码以链接另一个页面！我试图将 <?php include('css/main.css'); ?> 语句放在 css 的文本区域之一内，但不起作用。

请查看完整代码..

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.19.0/codemirror.css"> <link rel="stylesheet" href="css/style.css">

<div id="wrap">

  <!-- Code Editors -->   <section id="code_editors">
    <div id="html" class="code_box">
      <h3>HTML</h3>
      <textarea name="html"></textarea>
    </div>

      <div id="css" class="code_box">
      <h3>CSS</h3>
      <textarea name="css"></textarea>
      </div>

      <div id="js" class="code_box">
      <h3>JavaScript</h3>
      <textarea name="js"></textarea>
      </div>  

      </section>

     <!-- Sandboxing -->   <section id="output">
     <iframe></iframe>   </section>    </div>

<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.19.0/codemirror.js"></script>    
<!-- For HTML/XML --> <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.19.0/mode/xml/xml.js">/script><script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.19.0/mode/htmlmixed/htmlmixed.js"></script>    
<!-- For CSS --> <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.16.0/mode/css/css.js"></script>    
<!-- For JS --> <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.19.0/mode/javascript/javascript.js"></script> <script src="js/js.js"></script>

非常感谢。

Answer 1

您正在做的是尝试包含没有link 标记的css 文件内容。替换 <link rel="stylesheet" type="text/css" href="css/main.css"> 而不是 <?php include('css/main.css'); ?>。