TinyMCE编辑器使您可以将自定义按钮分配给其编辑器工具栏。我这样做了,然后将其连接到Flickr帐户,因此将出现一个自定义对话框,其中包含一系列图像。

我希望用户能够单击任何图像,并将该图像的URL添加到原始输入中,从该原始输入中单击了自定义TinyMCE按钮。

这是我拥有的TinyMCE自定义按钮代码:

setup : function(ed) {
    // Add a custom button
    ed.addButton('flickr', {
        title : 'Add Flickr Image',
        image : 'styles/media_icons/flickr.png',
        onclick : function() {
            // Add your own code to execute something on click

            $("div.mediaLibraryPopup .box").load("scripts/loadMediaLibrary.php");
            $("div.mediaLibraryPopup").fadeIn("slow").addClass(container);

        }
    });
}

然后,当您单击图像时,我使用此jQuery处理该事件:
$("div.mediaLibraryPopup img").live("click", function() {
    var url = $(this).attr("src");
    $("div.mediaLibraryPopup").fadeOut("slow");
});

我已经阅读了TinyMCE文档并使用了几个小时,而且我不知道如何将URL变量传递回TinyMCE“ed”事件,以便它可以将其添加到输入中。

由于我将在多个输入上使用它,因此我也不能仅对输入类进行硬编码。有什么想法吗?

最佳答案

我认为您需要在编辑器中的“当前光标位置”上插入URL。如果是这种情况,则可以使用以下命令插入内容:

tinyMCE.execCommand('mceInsertContent',false,'Your Content Goes Here...');

希望这可以帮助 :)

07-24 09:50
查看更多