더 많은 툴바 아이템을 포함하는 TinyMce 툴바 드롭 다운을 만듭니다.

Question

이것은 간단해야만하는 것처럼 보이지만, 생각하기가 힘듭니다. 나는 tinymce 인스턴스를 가지고 있으며 여러 가지 이유 때문에 하나의 긴 줄에 모든 도구 모음 항목을 갖고 싶습니다. 문제는 맞춤 버튼을 만들고 거기에 툴바 항목을 넣으려는 목적에 맞게 모두 너무 많은 항목이 있다는 것입니다. 뭔가 같은 '코드 링크가'목록 상자에 대한 정확하지 않습니다 ..하지만 나는 그것이 이런 종류의 작업을 수행 할 수 희망 것 : 분명히 항목이 있기 때문에 문제가 해결되지

tinyMCE.init({ 
     ... 
     setup: function(editor) { 
      editor.addButton('insertMenu', { 
       type: 'listbox', 
       text: 'Insert', 
       icon: false, 
       items: 'code link' 
      }); 
     }, 
     toolbar1: 'insertMenu undo redo | bold italic |alignjustify | ... 

tinyMCE에있는 것. 그래, 난 http://www.tinymce.com/tryit/3_x/menu_button.php 같은 예제를 보았지만, 텍스트 링크 등은 항상 기존 툴바 아이콘과 기능을 재사용하고 싶다.

Answer 1

거의 다 왔었습니다. 이니셜 라이저에서 버튼을 인라인 할 때 이와 같은 기능을 사용할 수 있습니다. 그렇지 않으면 기능을 별도의 플러그인으로 옮기고 이니셜 라이저에서 기능을 사용하는 것이 좋습니다. 나는 '다시 실행 취소'아이콘 (및 관련 활동)의를 갖는 드롭 다운의 예가 될 것입니다 싶습니다 어떤 http://www.tinymce.com/wiki.php/Tutorials:Creating_a_plugin

editor.addButton('insertMenu', function() { 
     var items = [{text: 'Option 1', value: 'option1Value'}, {text: 'Option 2', value: 'option2Value'}]; 

     return { 
      type: 'listbox', 
      text: 'select box title', 
      tooltip: 'a tooltip', 
      values: items, 
      fixedWidth: true, 
      onclick: function(e) { 
       console.log('Value selected: ' + e.control.settings.value) 
      } 
     }; 
    });