创建一个tinyMCE自定义按钮，打开一个Bootstrap Modal窗口，而不是tinyMCE默认窗口

Question

我已经成功创建了一个自定义按钮，可以通过打开本机tinyMCE模态窗口来打开弹出窗口。

按照＆＃34;点击＆＃34后添加弹出窗口中的说明操作; http://i67.tinypic.com/5mwgt4.png

的部分

我喜欢使用更优雅的bootstrap模态窗口。有什么想法或建议吗？

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 ...",