TinyMCE 自定义按钮与弹出

Question

我正在向我的 TinyMCE 设置添加一个按钮，如下所示：

        setup : function(ed) {
        // Add a custom button
        ed.addButton('mybutton', {
            title : 'My button',
            image : 'mybutton.jpg',
            onclick : function() {
                // Add you own code to execute something on click
                ed.focus();
                ed.selection.setContent('Hello world!');
            }
        });
    },

我不知道是否有可能在 onclick 事件中打开一个弹出窗口并从弹出窗口中获取一些输入。 然后可以将其粘贴到编辑器中。 就像你正在做一个插件一样，我只想创建自己的插件，没有所有插件样式和功能..

提前致谢。

Answer 1

有2个选项：

首先，您可以为常规弹出窗口设置或禁用所有 css。

第二种选择是通过单击按钮或单击编辑器中的指定元素来打开您自己的经典弹出窗口或模态对话框。 关闭弹出窗口时，您可以使用类似的命令将内容写回编辑器

tinyMCE.get("my_editor_id").execCommand("mceInsertContent",false,'whatever');