codemirror를 사용하여 코드를로드하는 방법

Question

나는 잘 작동하는 codemirror와 관련된 PHP 파일을 가지고 있지만 각 텍스트 영역에 index.php, main.css, main.js과 같은 PHP를 사용하는 다른 파일의 코드를로드하고 모두의 미리보기를 표시하고 싶습니다. 결합 할 파일.

제 질문은 각 텍스트 영역 안에 코드를 작성하여 다른 페이지를 연결하는 것입니다. 나는 <?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 파일 내용을 포함하려고합니다. <?php include('css/main.css'); ?> 대신 <link rel="stylesheet" type="text/css" href="css/main.css">을 대체하십시오.