Добавление новой кнопки в редактор MarkItUp! Добавление новой кнопки в редактор MarkItUp!

В Cotonti добавлена возможность создавать свои собственные бб-коды. Это замечательный инструмент, но возникает вопрос - А как наш новый бб-код включить в набор кнопок редактора? В этой статье я раскажу как это сделать на примере тега more.
Итак, поехали:

1. Открываем файл /plugins/markitup/js/set.js для добавления новой кнопки. От того где именно вы вставите новую строку будет зависеть расположение кнопки в редакторе.
2. Куда нравится вставляем строку и сохраняем:
   

   {name: L.more, className:'mMore', openWith:'[more]', closeWith:''},//тег [more]

3. Открываем файл /plugins/markitup/style.css для добавления иконки кнопки
4. Куда нравится вставляем строку и сохраняем:
   

   .markItUp .mMore a {
       background-image: url(images/text_horizontalrule.png);
   }

5. Открываем файл /plugins/markitup/lang/ru.lang.js для добавления описания кнопки (для других языковых файлов делаем по аналогии)
6. Куда нравится вставляем строку и сохраняем:
   

   more: 'Разделитель новости',

Всё, новая кнопка добавлена в редактор и готова к работе.

Различные варианты иконок редактора лежат в папке /plugins/markitup/images. Разумеется, вы можете добавлять в эту папку новые иконки.