带有标签面板的王牌编辑器

Question

您好，我正在尝试将 ace-editor 与选项卡面板一起使用。我可以为每个编辑器选项卡使用单独的 ace 编辑器。但如果我没有误解的话，建议使用一个 ace 编辑器并为每个选项卡创建编辑会话。

我的问题是； 我像

一样启动 ace 编辑器

var editor = ace.edit('someId'); 

所以这只会通过在 id 为“#someId”的元素上注入 ace 容器来启动一个页面 那么如何在不复制 ace.edit('') 的情况下在另一个选项卡中启动会话。我的困惑是我只有一个 id 为“someId”的元素和 我需要其中两个 tom 显示在单独的选项卡中。

Answer 1

Ace 可以使用元素的 id 或元素本身。 http://ace.c9.io/#nav=api&api=ace

您可以使用某些类或其他选项卡选择器 在 jQuery 中它会像

var editors = []; //let's have an array
$('some tab selector').each(function(index){
    editors[index] = ace.edit(this);
});

或者为每个标签添加一些 id。 重要的 id 对于页面必须是唯一的！