ace.js內容不顯示內容

Question

使用github中的無衝突/ ace.js src在localhost中運行ace.js。

<div id="edit" style='position:relative;top:0px;left:0px;bottom:0px;right:0px;'> 
     function(){ 
      this.id=5; 
     } 
</div> 
    <script> 
      var editor=ace.edit(document.getElementById('edit')); 
      editor.setValue("var test='this is a test line';") 
      editor.setTheme("ace/theme/monokai"); 
      editor.getSession().setMode("ace/mode/javascript"); 


    </script> 

它啓動編輯器，在控制檯中添加沒有錯誤的所有ace特定元素，但用戶不可見。沒有我的元素被隱藏，所以我沒有想法...

編輯 確認的主題正在加載和工作。

Answer 1

你的內聯css是錯誤的。

設置這樣的：

<div id="edit" style='position:absolute;top:0px;left:0px;bottom:0px;right:0px;'> 

我想，你希望它全屏所以position應該是絕對的，您沒有設置;後bottom:0px

在這裏，你可以看到它的jsfiddle https://jsfiddle.net/kkd34n05/