2015-01-28 1 views
0

안녕하세요 저는 탭 패널과 에이스 편집기를 사용하려고합니다. 각 에디터 탭마다 별도의 에이스 편집기를 사용할 수 있습니다. 그러나 내가 잘못 이해하지 않았다면, 하나의 에이스 편집기를 사용하고 각 탭에 대한 편집 세션을 만드는 것이 좋습니다.탭 패널이있는 에이스 편집기

내 질문은;

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

그래서이 ID를 갖는 요소에 대해 ACE 용기를 주입하여 하나의 페이지를 개시 같이 는 I 에이스 편집기를 개시 '#someId' 그래서 어떻게 다른 탭의 세션을 시작할 수 ace.edit 중복없이 (''). 내 혼란은 단지 id 'someId'와 을 가진 하나의 요소를 가지고 있습니다. 나는 두 개를 별도의 탭에 표시해야합니다.

답변

0

에이스는 요소의 id 또는 요소 자체를 사용할 수 있습니다. http://ace.c9.io/#nav=api&api=ace

당신은 STH

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

같은

수 또는 각 탭에 신분증에게의를 추가 jQuery를에 탭 의 일부 클래스 또는 다른 선택기를 사용할 수 있습니다. 중요한 ID는 페이지에 대해 고유해야합니다!

+0

답변 해 주셔서 감사합니다. 내가 지금하고있는 일은 당신의 방법과 거의 비슷하다. 그러나 나는 그것이 예를 들어서 궁금합니다. 편집기 테마를 변경하면 각 탭에서 바로해야합니다. 모든 탭에는 자체 ace.edit ('id') 초기화가 있기 때문입니다. – whb