带有选项卡面板的 ace 编辑器

ace editor with tab-panel

本文关键字：ace 编辑器 选项      更新时间：2023-09-26

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

我的问题是;我发起像王牌编辑器一样 

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

因此，通过在 ID 为"#someId"的元素上注入 ACE 容器来仅启动一个页面那么如何在另一个选项卡中启动会话而不复制 ace.edit（''）。我的困惑是我只有一个 id 'someId' 的元素，并且我需要其中两个汤姆显示在单独的选项卡中。

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 必须是唯一的！

相关文章：