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

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

3 4
wordpress tinymce mailto

3 ответа:

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

6

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

Ура

2

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

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