如何向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放在工具栏上.

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

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