如何使用codemirror加载代码

Question

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

我的问题是如何将每个文本区域内的代码写入 link 另一页！我试图将 <?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'); ?>.

如何使用codemirror加载代码

how to load code using codemirror

php

jquery

load

codemirror