javascript - cloud9 / textarea の ACE ide が消えて正常に実行できない

Question

このコードを実行できません... phpテキストエリアが表示されますが、1回クリックするだけですべてが消えます

注:ページはアンカーによって配置され、「{}」内の単語はタグです。1 つのページに複数の ACEtextarea を配置しようとしています (jQuery 関数は単なる考えです)。

<div id="{id_area}" style="width:100%;height:165px; position:relative; background:#fff;" class="">
    {text}  
</div>
    <input type="hidden" name="{name}" id="{id_area}-textarea"/>    
    <script src="{dir}/src/ace.js" type="text/javascript" charset="utf-8"></script>
    <script src="{dir}/src/theme-crimson_editor.js" type="text/javascript" charset="utf-8"></script>
    <script src="{dir}/src/mode-php.js" type="text/javascript" charset="utf-8"></script>
 <script>
    window.onload = function() {
        var editor_{id_area} = ace.edit("{id_area}");
        editor_{id_area}.setTheme("ace/theme/crimson_editor");  
    var {id_area}_Mode = require("ace/mode/php").Mode;
    editor_{id_area}.getSession().setMode(new {id_area}_Mode());

    jQuery("#{id_area}-textarea").val(editor_{id_area}.getSession().getValue());
    };
    </script>