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

Javascript 带有弹出窗口的TinyMCE自定义按钮,javascript,tinymce,wysiwyg,Javascript,Tinymce,Wysiwyg,我正在向TinyMCE设置中添加一个按钮,如下所示: setup : function(ed) { // Add a custom button ed.addButton('mybutton', { title : 'My button', image : 'mybutton.jpg', onclick : function() { // Add

我正在向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事件中打开一个弹出窗口并从弹出窗口中获取一些输入。然后可以将其粘贴到编辑器中。就像你在做一个插件一样,我只想创建自己的插件,而不需要所有的插件样式和功能

提前感谢。

有两种选择:

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

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

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

谢谢你的回复!如果弹出窗口包含不同的页面怎么办?如何使命令进入作用域?就像插件一样。。我假设您的示例在另一个页面上执行时不起作用?事实上,如果另一个页面不在同一个域上(出于安全原因),这将不起作用。如果您使用一个模态窗口(请参阅插件inlinepopup),很高兴能够提供帮助,那么它应该在同一个域上工作