ckeditor 플러그인 용 코드 스 니펫?

Question

CKeditor 사용하기 나는 콤보 박스 등에서 작은 양의 HTML 코드를 삽입하는 쉬운 방법을 제공하고자한다. 이 플러그인을 사용할 수 있습니까? 아니면 기존 플러그인이 있습니까?

예 :

Toolbar:[ ][ ] [comboBox] 
       |article image   | => (inserts <img src="aimage/{{id}}"/> 
       |full-width-2col-table | => (inserts <table width="100%"><tr>.. 

({{ID}} 아약스로 대체하지만 그건 또 다른 이야기 ... 될 것이다) 나는 비슷한 문제에 일하는

Answer 1

관련, 단지 며칠 전, 그래서 내가 만든 플러그인을 제거했습니다.

"myinsert"라는 CK 플러그인 디렉토리에 폴더를 만듭니다. 라는 파일 plugin.js을 만들고 그것으로 다음을 붙여 넣습니다

CKEDITOR.plugins.add('myinsert', 
{ 
init: function(editor) 
{ 
    editor.addCommand('insertMycode', 
     { 
      exec : function(editor) 
      {  
       var timestamp = new Date(); 
       editor.insertHtml('Some Code Here.'); 
      } 
     }); 


    editor.ui.addButton('Mycode', 
    { 
     label: 'Insert Timestamp', 
     command: 'insertMycode', 
     icon: this.path + 'tag.gif' 
    }); 
} 
}); 

당신은 그렇지 않으면 버튼이 제대로 표시되지 않습니다, 그 디렉토리에있는 아이콘을 포함해야합니다.

다음, 편집기를 호출하는 스크립트에이 장소 : 예를 들어 extraPlugins : 'myinsert', 을 : 그 어디에 있든지

<script type="text/javascript"> 
CKEDITOR.replace('editor1', { 
    extraPlugins : 'myinsert', 
    toolbar : 'EditPost', 
    uiColor : '#BBB', 
}); 
</script> 

그런 다음 당신의 도구 모음 설정에 함수 이름을 추가합니다.

{ name: 'tools', items : [ 'Maximize', 'ShowBlocks','-','About', 'Mycode' ] } 

함수 또는 폴더의 이름을 바꾸려면 이름이 같아야합니다. 또한 도구 모음에 넣은 이름은 editor.ui.addButton()에 일치해야합니다.