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

TinyMCE编辑器允许您为其编辑器工具栏指定一个自定义按钮。我这样做了，并将它连接到一个Flickr帐户，所以会出现一个自定义对话框和一系列图像。如何使用TinyMCE自定义按钮和自定义对话框添加内容？

我希望用户能够点击任何图像，并将该图像的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”事件，以便它可以将其添加到输入中。

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

来源

2010-02-05 rhodesjason

这是与文本输入或textarea的？只是要清楚，你想要正确地追加到TinyMCE实例的URL？ – czarchaic 2010-02-06 01:24:21

对。这是一个textarea。 – rhodesjason 2010-02-06 01:37:39

你可以存储'ed'从设置功能的某个地方，然后使用它？ – fusi 2011-03-02 00:33:16

我想你需要在编辑器的当前光标位置插入URL。如果是这样的话，那么你可以使用这个命令插入内容：

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

希望这有助于:)

来源

2011-06-02 08:08:10

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

回答

相关问题