Ace web editörü görünür

Question

editör, Aşağıdaki kodda

<div style="position:relative;min-height:400px;"> 
     <div id="editor-fr"> 
     </div> 
</div> 

{{ HTML::script('js/ace-builds/src-noconflict/ace.js') }} 

<script> 
    var editor = ace.edit("editor-fr"); 
    editor.setTheme("ace/theme/monokai"); 
    editor.getSession().setMode("ace/mode/html"); 
</script> 

görünmez değil iyi çalışır. Ben id düzenleyici kullanın Neden benim sayfa

Answer 1

genişliği belirleme ve bunun gibi editör yüksekliği 2 editörleri gerektiğinden geçerli:

<div id="editor-fr" style="height: 500px; width: 500px"></div>