Question

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”事件，以便它可以将其添加到输入中。

由于我将在多个输入上使用它，我也不能只对输入类进行硬编码。有什么想法吗？

Answer 1

我认为您需要在编辑器中的当前光标位置插入URL。如果是这种情况，那么您可以使用此命令插入内容：

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

希望这会有所帮助：）

如何使用TinyMCE自定义按钮，使用自定义对话框添加内容？

1 个答案: