带有标签面板的ace编辑器

时间:2015-01-28 11:09:48

标签: javascript ace-editor

您好我正在尝试使用带有标签面板的ace编辑器。我可以为每个编辑器选项卡使用单独的ace编辑器。但如果我没有被误解,建议使用一个ace编辑器并为每个标签创建编辑会话。

我的问题是; 我发起像

这样的王牌编辑
var editor = ace.edit('someId'); 

所以这只通过在ID为#'#someId'的元素上注入ace容器来启动一个页面。 那么如何在不重复ace.edit('')的情况下在另一个标签中发起会话。我的困惑是我只有一个带有id的元素&some 39&some 39和 我需要将其中两个显示在单独的标签中。

1 个答案:

答案 0 :(得分:0)

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

您可以使用Tab的某个类或其他选择器 在jQuery中它会像......

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

或者为每个标签添加一些ID。 重要的ID必须是页面唯一的!