4

我需要在 WordPress 中向 TinyMCE 添加一个 mailto 按钮。有人已经这样做了吗?或者关于如何去做的任何顶部?

4

3 回答 3

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放在工具栏上。

当然,如果您想允许最终用户指定电子邮件地址和主题,那么您将需要一个对话框。在创建插件中有一个很好的例子说明如何在 TinyMCE 站点上创建插件

不幸的是,我无法评论您将如何在 WordPress 中执行这些操作,但我怀疑您将需要自定义您的 WordPress tinyMCE 插件版本。

于 2010-12-23T00:42:23.183 回答
2

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

干杯

于 2011-05-12T05:36:47.450 回答
0

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

mailto:my-mail@my-domain.com
于 2013-12-20T10:24:54.180 回答