2017-11-09 32 views
1

CodeMirror의 텍스트 영역에 기본 코드를 작성했으며 작성된 코드를 실행하는 데 문제가 있습니다.codemirror textarea로 작성된 코드를 실행하는 방법은 무엇입니까?

 <form id="preview-form" method="post" action="<?php echo 
     $_SERVER['PHP_SELF']; ?>"> 

     <textarea class="codemirror-textarea" name="preview-form-comment" 
     id="preview-form-comment"> 
      #include<stdio.h> 
      int main() 
      { 
       printf("Hello World!!"); 

      } 
     </textarea> 

     <input type="test" name="testID" id="testID" value="aqsa shahid"> 

     <br> 

     <input type="submit" name="preview-form-submit" id="preview-form- 
     submit" value="Submit" onclick="test();"> 


     </form> 

     <div id="preview-comment"></div> 

이 코드를 실행하는 기능은 다음과 같습니다

는 아래의 HTML 부분입니다.

 function test() { 
     //code goes here 
     alert(document.getElementById("preview-form-comment").value);   

     var code = $(".codemirror-textarea")[0]; 
     var editor = CodeMirror.fromTextArea(code, { 
     lineNumbers: true, 
     matchBrackets: true, 
     mode: "text/x-csrc", 
     theme: "dracula" 

     }); 
     CodeMirror.runMode(document.getElementById("preview-form- 
     comment").value, "text/x-csrc", document.getElementById('preview- 
     comment')); }; 

답변

0

두 번째 텍스트 영역을 사용해야합니다. 이 코드를보십시오 :

// on and off handler 
CodemirrorInstance.on('change',function(e){ 
    // get value from instance 
    new_textarea.value = e.getValue(); 
}); 

나는 아직 내 코드를 테스트 할 수 없으므로 작동 여부를 잘 모르겠습니다.

인사말.

+0

위의 방법을 사용해 보았지만 실행 한 적이 없습니다. w3schools에서 "Try it"과 같이 코드를 실행하는 방법에 대한 예제를 보여줄 수 있습니까? TIA –