コーデミラーのプレビュー - iframeにはありませんか？

Question

私はこの例とまったく同じことをしようとしていますが、コードはiframe内ではなく、div内に表示されるべきです。

http://codemirror.net/demo/preview.html

これは動作しません...私は別のアプローチを必要とします。

$("#codeMirrorTextarea").keyup(function() { 
    $("#div").html($(this).val()); 
}); 

希望すると助かります！

Answer 1

使用してプレーンバニラJS：CodeMirrorを使用して コード：

t = document.getElementById('code'); 
t.addEventListener('input',function(){ 
    document.getElementById('result').innerHTML = t.value; 
}); 

oninputイベントハンドラを使用しても同様にキーボード以外のデバイスへas pointed out here

Demo

編集をサポートを追加します

$(function() { 
    $("textarea").each(function (i) { 
     editor = CodeMirror.fromTextArea(this, { 
      lineNumbers: true 
     }); 
    }); 
}); 

document.getElementById('result').innerHTML=editor.getValue(); 

Demo Updated demoまた、コードも更新されます。

editor.getValue（）は、指定したexample linkで使用されています。

CodeMirror's API for usage of getValue() and more methods