在表格中捕获Ace编辑器

Question

所以我试图使用Ace Editor来编辑代码。我希望一方显示文本编辑器，一方显示代码的结果。我的问题是，Ace Editor不在表格内部。 http://prntscr.com/3q2xwd我该怎么做才能解决这个问题？

Answer 1

看起来您正在为编辑器添加position:absolute样式，它似乎在这里工作正常http://jsbin.com/ojijeb/609/edit

Answer 2

由于尚未接受任何答案，并且用户提供的链接不再有效，我建议对Ace编辑器使用以下样式（而不是front page的建议）：

#editor {
    height: 200px;
    width: 100%;
}

在存储库中，还有其他示例显示如何嵌入编辑器，请参阅https://github.com/ajaxorg/ace-builds/tree/master/demo。