javascript - textarea 上的 cloud9 / ACE ide 消失，无法正常运行

Question

无法运行此代码...显示了php textarea，但只需单击一下，一切都消失了

注意：页面是通过锚点定位的，“{}”中的单词是标签。在一个页面上，我试图放置多个 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>