wordpress - 如何向 TinyMCE 添加 mailto 按钮

Question

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

Answer 1

假设您想将其放入 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 插件版本。