2017-11-09 8 views
1

私はCodeMirrorのテキストエリアに基本コードを書いていますが、今は書かれたコードを実行する際に問題に直面しています。以下はcodemirror textareaで書かれたコードを実行するには?

HTMLの一部です:

 <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> 

これは、コードを実行するための機能です。

 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

おそらく2番目のテキストエリアを使用する必要があります。このコードを見てください:

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

私はまだ私が動作するかどうかはわからない私のコードをテストすることができませんでした。

ご挨拶。

+0

私は上記を使用してみましたが、それだけでも実行することはありません。 w3schoolsで "Try it"のようにコードを実行する方法の例を私に示してもらえますか? TIA –

関連する問題