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...');
希望这可以帮助 :)