ace.jsのコンテンツにコンテンツが表示されない

Question

githubのno-conflict/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> 

エディタを起動し、エラーなしですべてのエース固有の要素をコンソールに追加しますが、ユーザーには何も表示されません。私の要素は隠されていないので、アイデアはありません。

EDIT 確認済みのテーマは読み込み中です。

Answer 1

あなたのインラインCSSが間違っています。このような

セットを：

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

私はあなたがそれをフルスクリーンがそうpositionは絶対でなければなりませんしたいとあなたはjsfiddle https://jsfiddle.net/kkd34n05/

上でそれを見ることができ ;ここ bottom:0px

後に設定されていなかったと仮定します