創建一個tinyMCE自定義按鈕，用於打開Bootstrap Modal窗口而不是tinyMCE默認

Question

我已成功創建了一個自定義按鈕，可打開彈出窗口，該按鈕通過打開本地tinyMCE模式窗口來工作。

繼https://www.gavick.com/blog/wordpress-tinymce-custom-buttons#tmce-section-2

標識的部分「點擊後，彈出添加」中的說明喜歡有代替更優雅的引導模式窗口。任何想法或建議？

Answer 1

正如該文章所述，您可以將自己的自定義工具欄按鈕添加到TinyMCE。不用在TinyMCE中使用WindowManager，你可以調用任何你喜歡的JavaScript。

您需要像這樣在您的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 
     } 
    }); 
} 

除此之外代碼，你將還需要以下內容添加到您的init的按鈕添加到工具欄：

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