So fügen Sie TinyMCE einen Mailto-Button hinzu

Ich muss TinyMCE in WordPress einen Mailto-Button hinzufügen. Hat das schon jemand gemacht? Oder irgendwelche Tipps, wie man das anstellt?

Da Sie dies in WordPress einfügen möchten, nehme ich an, dass Sie einfach ein Tag vom Typ href=”https://stackoverflow.com/questions/4413470/mailto:” für den aktuell ausgewählten Text in Ihr Dokument einfügen möchten.

Am einfachsten ist es, ein Basis-Plugin zu erstellen. Sie können dies auf derselben Seite tun, auf der tinyMCE initialisiert wird. Das folgende Beispiel umschließt den aktuell ausgewählten Text mit einem statischen 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="https://stackoverflow.com/questions/4413470/mailto:[email protected]?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);

Sie müssen natürlich ein Bild (mailto.gif) für die Symbolleistenschaltfläche erstellen.

Sie fügen dann einfach Folgendes zu Ihrer Plugin-Liste hinzu

plugins: '-mailto'

und legen mailto auf der Symbolleiste.

Wenn Sie dem Endbenutzer erlauben möchten, die E-Mail-Adresse und den Betreff anzugeben, benötigen Sie natürlich einen Dialog. Es gibt ein gutes Beispiel dafür, wie man ein Plugin auf der TinyMCE-Site erstellt Erstellen eines Plugins

Leider kann ich nicht kommentieren, wie Sie beides in WordPress tun würden, aber ich vermute, dass Sie Ihre Version des WordPress tinyMCE-Plugins anpassen müssen.

You can use the class I built in WordPress my tutorial and then make the calls to your javascript files through instantiating the class. At least, regarding the reference to adding it to your plugins.

Cheers

First of all, make sure you have tinyMce Advanced plugin installed. Then, you can just use the insert / edit link button from the tinyMce editor. You don’t need a different button. In the destination URL add this

mailto:[email protected]