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

[mars1an]

Как это не посмотреть? Предпоследняя кнопка на панели.
А за добавку спасибо!

 

[absgrp]

На сайте опенкарт.ком есть хороший модуль нового редактора для ОС 2.Х НО!
1) двигает всю админку(!) и расширяет ее так, что не всегда хватает экрана
2) не корректно работает со спойлерами в html - если в старом они в визуальном режиме показываются "WISIWIG", то здесь не сворачиваются и не разворачиваются (всегда развернуто) и только условно обозначаются кнопки.
Собственно ставил из-за размера шрифта
3) перед установкой - бэкап 100%

 

[аВЫФ]

Стандартный редактор текста в статьях и товарах 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. Вставляем в файл путем замены старого скрипта. Сохраняем. Обновляем страницу. Радуемся

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

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

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

а нужно что то еще сделать после вставки скрипта? вставил, сохранил, обновил кэш модификаторов в админке, редактор не изменился. версия 2.1.0.1
может у меня что то глючит, никто нигде на это не жаловался, а именно:
вставляю готовый текст, нужного размера, шрифта, вставляю ссылку, шрифт становиться нечитаемо мелким, тож самое происходит при создании нумерованного или маркированного списка. заманал редактор, давно когдато нашел вставку подобного скрипта, успел сделать только со статьями (теперь в статьях все ок), с товарами не успел, отвлекся и потом уже не вспомнил, и не смог найти скрипт для товара

 

[hameleon445]

Opencart 2.3 - ничего не изменилось

 

[svitlo1]

Opencart 2.3 - ничего не изменилось

чистить кеш браузера а не модификаторов

 

[Leo2]

А как добавить возможность редактирования ширины столбцов в таблице (и вообще, менять свойства элементов таблицы). И можно ли в этом редакторе на изображение вставить ссылку?

 

[shestov19]

Чёт нефига не поменялось...