如何使用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'); ?>。