CKEditor 사용자 지정 선택 메뉴

Question

새 CKEditor에 사용자 지정 선택 메뉴를 추가하려고합니다. API는 약간 혼란스러워서 어떻게 작동하는지 확신 할 수 없습니다. UI 대화 상자 기능을 사용하고 있지만 작동 방법을 모릅니다.

지금까지 내가 가진 :

CKEDITOR.ui.dialog.select(dialogObj, elementDefinition, htmlList); 

사람은 실제로 사용자가 작업을 선택하는 방법에 대한 아이디어를 근래? http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.ui.dialog.select.html

Answer 1

이 코드를 시도, 그것은 때마다 당신이 단지는 SELECT 컨트롤이 생성됩니다 자바 스크립트와 같은 동적 요소를 생성 같은 누르면되는 것

Enter 키를 ...

var editor1 = CKEDITOR.replace('editor'); 
CKEDITOR.instances["editor"].on("instanceReady" , function(){ 
    var e = this.document; 
    this.document.on("keyup", function(event){ 
     domEvent = event.data; 
     key = domEvent.getKey(); 
     switch(key){ 
     case 13: 
      e = CKEDITOR.instances.editor.document; 
      b = e.getBody(); 
      s = e.createElement('select'); 
      o = e.createElement('option'); 
      o.appendHtml("hi"); 
      s.append(o); 

      o = e.createElement('option'); 
      o.appendHtml("hello"); 
      s.append(o); 

      b.append(s); 
      s.focus(); 
      break; 
     default: 
     } 
    }); 
}); 

Answer 2

왜 당신이 _source 폴더를 확인하지 않습니다

나는이 API를 이해하고 노력하고 있어요?

plugins 디렉토리로 이동하여 드롭 다운을 보여주는 플러그인을 선택하십시오. stylescombo. 이 코드는 약간의 빛을 비춰 줄 수 있습니다. 폴더의 복사본을 만들고 코드를 아래로 수정하기 시작하면 바로 선택을 할 수 있습니다.

건배, m^전자