创建一个tinyMCE自定义按钮,用于打开引导模式窗口,而不是tinyMCE默认窗口

创建一个tinyMCE自定义按钮,用于打开引导模式窗口,而不是tinyMCE默认窗口,tinymce,Tinymce,我已经成功地创建了一个自定义按钮,它通过打开本机tinyMCE模式窗口打开一个弹出窗口 按照“单击后添加弹出窗口”部分中的说明进行操作 我想用更优雅的引导模式窗口来代替。有什么想法或建议吗?如文章所述,您可以在TinyMCE中添加自己的自定义工具栏按钮。您可以调用任意JavaScript,而不是在TinyMCE中使用WindowManager 您需要在init中使用类似的内容: setup: function (editor) { editor.addButton('customButt

我已经成功地创建了一个自定义按钮,它通过打开本机tinyMCE模式窗口打开一个弹出窗口

按照“单击后添加弹出窗口”部分中的说明进行操作


我想用更优雅的引导模式窗口来代替。有什么想法或建议吗?

如文章所述,您可以在TinyMCE中添加自己的自定义工具栏按钮。您可以调用任意JavaScript,而不是在TinyMCE中使用WindowManager

您需要在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 ...",