tinymce에 새 버튼을 추가하는 방법

Question

버튼을 거의 추가 할 수 있도록 제 부분을 해결했습니다.

setup : function(ed) { 
    // Add a custom button 
    ed.addButton('Information', { 
     title : 'Viktig Information', 
     image : '../img/page_white_text.png', 
     onclick : function() { 
      // Add you own code to execute something on click 
      ed.focus(); 
      ed.selection.setContent('Text here'); 
    } 
    }); 
} 

하지만 이제 어떻게하면 대담한 버튼과 물건처럼 작동시킬 수 있을까요? 그래서 내가 굵은 글자를 굵은 글씨로 할 때 ..

나는 내 단추를 누르면 div가 나타나길 원한다. 내가 어떻게 할 수 있는지 아는 사람?!

Answer 1

입니다. 편집기 초기화 함수에 다음과 같이 추가하십시오. page of moxycode도 참조하십시오.

tinyMCE.init({ 
    ... 
    theme_advanced_buttons1: 'bold,italic,..' 

    setup: function(ed) { 

     ed.onInit.add(function(ed) { 
     // Scroll runter 
     ed.addCommand('my_own_command', function() { 
      alert('my_own_command called!'); 
     }); 
     }); 

     // Register example button 
     ed.addButton('example', { 
     title: 'example.desc', 
     // make sure the image exists 
     image: '../jscripts/tiny_mce/plugins/example/img/example.gif', 
     onclick: function() { 
      ed.windowManager.alert('Hello world!!'); 
      // execute my_own_command 
      ed.execCommand('my_own_command'); 
     } 
     }); 
    }, // end setup 
    ... 
}); 

Answer 2

TinyMCE를 초기화 할 때 어떤 행에 어떤 버튼이 있는지 지정할 수 있습니다. 여기

이 수행 할 수있는 쉬운 일이 몇 가지 문서

http://www.tinymce.com/wiki.php/Configuration3x:theme_advanced_buttons_1_n