如何向TinyMCE添加mailto按钮

时间:2010-12-10 21:27:19

标签: wordpress tinymce mailto

我需要在WordPress中为TinyMCE添加一个mailto按钮。有没有人这样做过?或任何关于如何去做的顶级?

3 个答案:

答案 0 :(得分:6)

鉴于您希望将其放入WordPress,我假设您只想在文档中为当前选定的文本插入href =“mailto:”类型标记。

最简单的方法是创建一个基本插件。您可以在tinyMCE初始化的同一页面中执行此操作。下面的示例将使用静态mailto包装当前选定的文本。

 tinymce.create('tinymce.plugins.MailToPlugin', {

  init : function(ed, url) {
   ed.addCommand('mceMailTo', function() {
    var linkText = ed.selection.getContent({format : 'text'});
    var newText = "<a href='mailto:foo@bar.com?subject=testing'>" + linkText + "</a>"
    ed.execCommand('mceInsertContent', false, newText);
   });

   // Register example button
   ed.addButton('mailto', {
    title : 'MailTo',
    cmd : 'mceMailTo',
    image : url + '/images/mailto.gif'
   });
  }
 });

 // Register plugin with a short name
 tinymce.PluginManager.add('mailto', tinymce.plugins.MailToPlugin);

您当然需要为工具栏按钮创建一个图像(mailto.gif)。

然后,您只需将以下内容添加到插件列表

即可
plugins: '-mailto'

并将 mailto 放在工具栏上。

当然,如果您想允许最终用户指定电子邮件地址和主题,那么您将需要一个对话框。有一个很好的示例,说明如何在Creating a Plugin

中的TinyMCE网站上创建插件

不幸的是我不能评论你如何在WordPress中做任何一个,但我怀疑你需要自定义你的WordPress tinyMCE插件版本。

答案 1 :(得分:2)

您可以使用我在WordPress my tutorial中构建的类,然后通过实例化类来调用您的javascript文件。至少,关于将其添加到插件的参考。

干杯

答案 2 :(得分:0)

首先,确保安装了tinyMce Advanced插件。然后,您可以使用tinyMce编辑器中的插入/编辑链接按钮。您不需要其他按钮。在目标网址中添加此

mailto:my-mail@my-domain.com