tinyMCEのデフォルトではなくBootstrap Modalウィンドウを開くtinyMCEカスタムボタンを作成します

Question

ネイティブのtinyMCEモーダルウィンドウを開いてポップアップを開くカスタムボタンを作成しました。 https://www.gavick.com/blog/wordpress-tinymce-custom-buttons#tmce-section-2

Idの「クリックした後にポップアップを追加する」の手順に従い

を代わりに使用し、よりエレガントなブートストラップモーダルウィンドウを持ちたいです。どのような考えや提案ですか？

Answer 1

TinyMCEに独自のカスタムツールバーボタンを追加することができます。 TinyMCEでWindowManagerを使用する代わりに、好きなJavaScriptを呼び出すことができます。

あなたのinitにこのようなものが必要になります。

ツールバーにボタンを追加することも、あなたのinitに以下を追加する必要があります。そのコードに加えて

setup: function (editor) { 
    editor.addButton('customButton', { 
     text: 'Custom Button', 
     icon: false, //you can use an image instead of text 
     onclick: function() { 
      // JavaScript code to open your Bootstrap modal 
      // The modal would use TinyMCE APIs to write data back into the editor 
     } 
    }); 
} 

：

toolbar2: "... customButton ...",