Как добавить кнопку mailto в TinyMCE - PullRequest
Новая
       5

Как добавить кнопку mailto в TinyMCE

4 голосов
/ 11 декабря 2010

Мне нужно добавить кнопку mailto в TinyMCE в WordPress.Кто-нибудь уже сделал это?Или какие-нибудь топы о том, как это сделать?

Ответы [ 3 ]

6 голосов
/ 23 декабря 2010

Учитывая, что вы хотите поместить это в 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.

2 голосов
/ 12 мая 2011

Вы можете использовать класс, который я построил в WordPress в моем учебном пособии , а затем выполнить вызовы ваших файлов JavaScript через создание экземпляра класса. По крайней мере, в отношении ссылки на добавление ее в ваши плагины.

Приветствия

0 голосов
/ 20 декабря 2013

Прежде всего, убедитесь, что у вас установлен плагин tinyMce Advanced.Затем вы можете просто использовать кнопку ссылки вставки / редактирования в редакторе tinyMce.Вам не нужна другая кнопка.В URL назначения добавьте это 

mailto:my-mail@my-domain.com
...