Как создать свою кнопку с тегами в TinyMce (на примере DLE)


Иногда при работе с информацией, особенно той, которая должна иметь четкую структуру, некоторые теги приходится прописывать ручками. Конечно, вместо TinyMCE можно установить другой редактор, к примеру, CKeditor, но есть ли смысл ради 1-2 кнопок?

Итак, мне понадобилась кнопка, которая автоматически заключала бы вставленные картинки в тег [gallery] [/gallery]. В моем случае этот тег необходим для создания фотогалерей на сайте. CMS – DLE 10.4

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

Нам понадобится три файла

engine/editor/shortnews.php
language/russian/adminpanel.lng
language/russian/website.lng

Shortnews.php – отвечает за вид редактора в админке (к быстрому редактированию это не относится). Ищем строчку «toolbar1: "fontselect fontsizeselect…» - у меня она под номером 165. В этой строке находим  dleemo – так обозначает кнопка смайликов. Наша кнопка будет выводиться после нее: добавляем dlegal (название можно использовать любое).

Затем переходим к строке 259, т.е. к окончанию кода, отвечающего за работу кнопки смайликов. Вставляем туда следующий код.

ed.addButton('dlegal', {

title : '{$lang['bb_t_gal']}',

image : '/engine/editor/jscripts/tiny_mce/skins/gal.png',

onclick: function() {

ed.execCommand('mceReplaceContent',false,'[gallery]' + ed.selection.getContent() + '[/gallery]');

}

});

В коде можно найти наши теги [gallery][/gallery] – меняем их на любые необходимые вас. Image – путь к иконке кнопки. Иконка у нас 20х20 px в формате png.

Теперь открываем файл language/russian/adminpanel.lng

После строчки 'bb_t_emo' =>  "Вставка смайликов", добавляем 'bb_t_gal'  =>  "Галерея",

Аналогичные действия проделываем с language/russian/website.lng

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


Не жмоться - расскажи друзьям!
Рейтинг
(0 голосов)
Подробнее на сайте: https://powerpointone.com
https://infinityquest.comhttps://cmsdude.orghttps://javaenter.com https://stonewp.comhttps://hunterae.comhttps://htmldownload.com

Оставить комментарий

Поля со звездочкой обязательны к заполнению

© Miumiumiu.ru - пользовательские обзоры и мануалы по играм, софту и разработке

Login or Register

LOG IN

Register

User Registration
or Отмена