Ace网页编辑器不可见

Question

当我尝试使用“编辑器”以外的ID加载ace编辑器时，编辑器将不会显示

<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>

在下面的代码中，如果我将id更改为编辑器，那么每件事都可以正常工作。为什么我不使用id编辑器是因为我的页面需要2个编辑器

Answer 1

设置编辑器的宽度和高度，如下所示：

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