javascript - 如何以编程方式单击 TinyMCE 工具栏的按钮？

Question

我想将预览按钮作为提交按钮旁边的常规表单按钮(就像在大多数情况下的“发布新主题”表单一样)。如何以编程方式模拟工具栏的预览按钮点击？

我尝试了 $('#article_body_preview').click() 但没有成功。 (我使用 jQuery 库，#article_body_preview 是工具栏的预览按钮元素)

Answer 1

我自己也遇到过类似的问题。您可以在插件的源代码中找到命令的名称。例如。对于预览插件，源代码位于 jscripts/tiny_mce/plugins/preview/editor_plugin_src.js查找第 37 行:

ed.addButton('preview', {title : 'preview.preview_desc', cmd : 'mcePreview'});

所以命令名称不是'preview'而是'mcePreview'。

我想在 init 上设置全屏模式。我最后添加了

init_instance_callback : 'resizeEditorBox' 

初始化。

resizeEditorBox = function (editor) {
            setTimeout("tinyMCE.activeEditor.execCommand('mceFullScreen')", 100);
}

在初始化和注释掉之前:

//                    a.win.setTimeout(function() {
//                        tinymce.dom.Event.remove(a.win, "resize", e.resizeFunc);
//                        tinyMCE.get(c.getParam("fullscreen_editor_id")).setContent(c.getContent({format:"raw"}), {format:"raw"});
//                        tinyMCE.remove(c);
//                        a.remove("mce_fullscreen_container");
//                        i.style.overflow = c.getParam("fullscreen_html_overflow");
//                        a.setStyle(a.doc.body, "overflow", c.getParam("fullscreen_overflow"));
//                        a.win.scrollTo(c.getParam("fullscreen_scrollx"), c.getParam("fullscreen_scrolly"));
//                        tinyMCE.settings = tinyMCE.oldSettings
//                    }, 10)

在 editor_plugin.js 中 - 因为我不需要任何其他模式，只需要全屏模式。希望对您有所帮助。