WordPress Tiny MCE кнопку для отображения пользовательских HTML-Div - PullRequest
Новая
       8

WordPress Tiny MCE кнопку для отображения пользовательских HTML-Div

0 голосов
/ 24 октября 2011

Я пытаюсь добавить крошечную кнопку mce для отображения шаблона, подобного этому 

<div class ="template1">
<img src="" />
<span>
<b>name:[cf]name[/cf] </b>
<span>
</div>

имя кнопки temp1, если я нажимаю ее, следует добавить вышеуказанный код в текстовом редакторе, [cf]name[/cf] - это короткий код для отображения имени из значения.

Ответы [ 2 ]

0 голосов
/ 24 октября 2011

Вот код, который вам понадобится.Кроме того, вам нужно будет выбрать значок и добавить имя кнопки в конфигурацию кнопки в init-файле tinymce (theme_advanced_buttons1: 'your_button_name, save, table,...'). 

  // Register example button
  ed.addButton('example', {
     title : 'name:[cf]name[/cf]',
     image : '../jscripts/tiny_mce/plugins/example/img/example.gif',
     onclick : function() {
        //ed.windowManager.alert('Hello world!! Selection: ' + ed.selection.getContent({format : 'text'}));
        var content = '<div class ="template1"><img src="" /><span><b>name:[cf]name[/cf] </b><span></div>';
        ed.execCommand('mceInsertContent', false, content);
     }
  });
0 голосов
/ 24 октября 2011
...