创建一个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 ...",