Мануал. Как добавить доп. кнопки к редактору в статьях и товарах Opencart 2.*

[Alexeina66]

Стандартный редактор текста в статьях и товарах Summernote имеет такой вид

В принципе функционал неплохой и думать о его замене я бы не стал. Что здесь отсутствует? Конечно размер шрифта (font-size), который просто необходим при редактировании статей.
Создадим свой набор необходимых функциональный кнопок.

1. Подключение редактора происходит скриптом в директории Ваш_домен\admin\view\template\catalog\
Для статей в конце файла - information_form.tpl
Для товаров в конце файла - product_form.tpl

Вот этот скрипт

<script type="text/javascript"><!--
<?php foreach ($languages as $language) { ?>
$('#input-description<?php echo $language['language_id']; ?>').summernote({height: 300});
<?php } ?>
//--></script>

Как же создать свой набор необходимых функциональных кнопок в редакторе Opencart 2.*?

2. Идем на сайт разработчика редактора

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

Видим такой список кодов кнопок

Спойлер: жми для показа списка

• Insert
  • picture: open image dialog
  • link: open link dialog
  • video: open video dialog
  • table: insert a table
  • hr: insert a horizontal rule
• Font Style
  • fontname: set font family
  • fontsize: set font size
  • color: set foreground and background color
  • bold: toggle font weight
  • italic: toggle italic
  • underline: toggle underline
  • strikethrough: toggle strikethrough
  • superscript: toggle superscript
  • subscript: toggle subscript
  • clear: clear font style
• Paragraph style
  • style: format selected block
  • ol: toggle ordered list
  • ul: toggle unordered list
  • paragraph: dropdown for paragraph align
  • height: set line height
• Misc
  • fullscreen: toggle fullscreen editing mode
  • codeview: toggle wysiwyg and html editing mode
  • undo: undo
  • redo: redo
  • help: open help dialog

3. Теперь нам надо немного подправить скрипт и добавить свой набор

  <script type="text/javascript"><!--
<?php foreach ($languages as $language) { ?>
$('#input-description<?php echo $language['language_id']; ?>').summernote({height: 300, toolbar: [
  // [groupName, [list of button]]
  ['style', ['bold', 'italic', 'underline', 'clear']],
  ['font', ['strikethrough', 'superscript', 'subscript']],
   ['fontname', ['fontname']],
  ['fontsize', ['fontsize']],
  ['color', ['color']],
  ['para', ['ul', 'ol', 'paragraph']],
  ['height', ['height']],
   ['codeview', ['codeview']],
   ['undo', ['undo']],
   ['redo', ['redo']],
  ['picture', ['picture']],
   ['link', ['link']],
   ['video', ['video']],
   ['clear', ['clear']]
  
  ]

});
<?php } ?>
//--></script>

4. Вставляем в файл путем замены старого скрипта. Сохраняем. Обновляем страницу. Радуемся

Что я получил в результате?

Вот такую панель кнопок, где присутствует кнопка изменения размера шрифта, а также другие которые я выбрал.

Надеюсь данный мануал кого-то выручит.

 

[drozd22]

Если включаете изменение размера шрифта, то стоит обновить пакет скрипта summernote. В старой версии, которая в Опенкарте до версии 2.1.0.2 включительно, эта функция может глючить. В самом скрипте есть соответствующая пометка.

 

[wimexs]

А как подлючить в этом редакторе другие шрифты, что бы их можно было выбирать, с выпадающего меню.

 

[TOYO]

А чем Ckeditor не устраивает? Там функционал побогаче, ничего добавлять не надо.

 

[Самый]

А чем Ckeditor не устраивает? Там функционал побогаче, ничего добавлять не надо.

Вероятно, потому, что ckeditor изначально затачивался не только под опенкарт? И его все равно надо допиливать под свои нужды, а здесь уже все готовое

 

[TOYO]

Расширенная версия редактора Summernote для OpenCart 2
Модуль активирует все кнопки на панели инсутрументов стандартного редактора Summernote для OpenCart v2.0.1.x и более новых версий.

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[zeroro]

Как добавить свой шрифт? Я прописал его куда только можно, но результата ноль. Шрифт подгружаемый.... Может кто сталкивался
П.С. На сайте он выводится а в модуле не хочет появляться в выборке

 

[val06]

смотрите <div> в модуле там должен быть class потом ищите его в css и там будет шрифт

 

[zeroro]

Я так понял, что здесь другая проблема: Для просмотра ссылки Войди или Зарегистрируйся
Там пишут, что есть проблема с подключаемыми шрифтами и как я понял их надо включить в список fontNamesIgnoreCheck
П.С.
Разобрался... В файле summernote.min добавил в исключения.

 

[kostia7alania]

=ето не делает его гипче, все равно исходник с него не посмотреть;