텍스트가있는 TinyMCE 커스텀 버튼

Question

TinyMCE 툴바에 이미지가없는 텍스트 만있는 커스텀 버튼을 추가하는 방법이 있습니까? 설정 이미지 경로 섹션을 제거하려고 시도했지만 이제는 빈 버튼이 있습니다. 이것은 내 기존 코드입니다 :

<script language="javascript" type="text/javascript"> 
     tinyMCE.init({ 
      mode: "textareas", 
      theme: "advanced", 
      theme_advanced_buttons1: "bold,italic,underline,separator,strikethrough,justifyleft,justifycenter,justifyright, justifyfull,bullist,numlist,undo,redo,link,unlink", 
      theme_advanced_buttons2: "mybutton", 
      theme_advanced_buttons3: "", 
      theme_advanced_toolbar_location: "top", 
      theme_advanced_toolbar_align: "left", 
      theme_advanced_statusbar_location: "bottom", 
      setup: function (ed) { 
       // Add a custom button 
       ed.addButton('mybutton', { 
        title: 'My button', 
        onclick: function() { 

         ed.focus(); 
         ed.selection.setContent('SampleText'); 
        } 
       }); 
      } 
     }); 
</script> 

이미지없이 버튼에 텍스트를 설정하는 방법은 무엇입니까?

Answer 1

label 속성을 설정해보십시오.

ed.addButton('mybutton', { 
    title: 'My button', 
    onclick: function() { 
     ed.focus(); 
     ed.selection.setContent('SampleText'); 
     ed.label = 'My Button'; 
    } 
}); 

Answer 2

label 속성을 onclick 함수 밖으로 옮겨서 나를 작동시켜야했습니다. 그냥 당신 안에 넣어

ed.addButton('mybutton', { 
    title: 'My button', 
    label: 'My Button', 
    onclick: function() { 
     ed.selection.setContent('SampleText'); 
    } 
}); 

Answer 3

은 "을 myButton"를 도구 모음 다음이 내부 tinymce.init 추가

setup: function(editor) { 
editor.addButton('mybutton', { 
       type: 'menubutton', 
       text: 'My button', 
       icon: false, 
       menu: [ 
        {text: 'Menu item 1', onclick: function() {editor.insertContent('Menu item 1');}}, 
        {text: 'Menu item 2', onclick: function() {editor.insertContent('Menu item 2');}} 
       ] 
      }); 
     } 

을