带弹出窗口的TinyMCE自定义按钮

时间:2011-06-13 08:43:25

标签: javascript tinymce wysiwyg

我正在为我的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事件中是否可以打开弹出窗口并从弹出窗口获取一些输入。然后可以将其粘贴到编辑器中。正如你正在做一个插件我只想创建自己的插件样式和函数..

提前致谢。

1 个答案:

答案 0 :(得分:0)

有两个选项:

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

第二个选项是使用按钮单击或单击编辑器中的指定元素打开您自己的经典弹出窗口或模态对话框。关闭弹出窗口时,您可以使用

之类的命令将某些内容写回编辑器
tinyMCE.get("my_editor_id").execCommand("mceInsertContent",false,'whatever');