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

Тема в разделе "Opencart 2", создана пользователем Alexeina66, 6 мар 2016.

Информация :
Внимание форумчане! При создании тем, или выкладывании какой-либо информации проверьте в какой ветке форума вы находитесь! Не путайте Opencart и Opencart2. При несоблюдении данного условия выносится соответствующее наказание! И потом не говорите что вас НЕ ПРЕДУПРЕЖДАЛИ! По возможности используйте обменники mail, yandex, google, dropbox, rghost Дабы избежать просьб перезалить и проблем с рекламой!
Постинг нескольких постов подряд приравнивается к НАРУШЕНИЮ! Будьте вежливы и соблюдайте правила ;-)
  1. Alexeina66

    Alexeina66

    Регистр.:
    26 авг 2013
    Сообщения:
    391
    Симпатии:
    404
    Стандартный редактор текста в статьях и товарах Summernote имеет такой вид
    [​IMG]

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

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

    [​IMG]

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

    Надеюсь данный мануал кого-то выручит.
     
    Последнее редактирование: 7 мар 2016
    mars1an, Leos, toropa и ещё 1-му нравится это.
  2. drozd22

    drozd22 Бегущий

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

    wimexs Постоялец

    Регистр.:
    21 авг 2009
    Сообщения:
    144
    Симпатии:
    26
    А как подлючить в этом редакторе другие шрифты, что бы их можно было выбирать, с выпадающего меню.
     
  4. TOYO

    TOYO Постоялец

    Регистр.:
    29 апр 2016
    Сообщения:
    66
    Симпатии:
    14
    А чем Ckeditor не устраивает? Там функционал побогаче, ничего добавлять не надо.
     
  5. Самый

    Самый Создатель

    Регистр.:
    3 мар 2015
    Сообщения:
    26
    Симпатии:
    14
    Вероятно, потому, что ckeditor изначально затачивался не только под опенкарт? И его все равно надо допиливать под свои нужды, а здесь уже все готовое :)
     
  6. TOYO

    TOYO Постоялец

    Регистр.:
    29 апр 2016
    Сообщения:
    66
    Симпатии:
    14
    Расширенная версия редактора Summernote для OpenCart 2
    Модуль активирует все кнопки на панели инсутрументов стандартного редактора Summernote для OpenCart v2.0.1.x и более новых версий.
     
    Последнее редактирование: 14 май 2016
  7. zeroro

    zeroro Создатель

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

    val06 Постоялец

    Регистр.:
    11 авг 2006
    Сообщения:
    126
    Симпатии:
    11
    смотрите <div> в модуле там должен быть class потом ищите его в css и там будет шрифт
     
  9. zeroro

    zeroro Создатель

    Регистр.:
    9 фев 2015
    Сообщения:
    11
    Симпатии:
    1
    Я так понял, что здесь другая проблема: https://github.com/summernote/summernote/issues/651
    Там пишут, что есть проблема с подключаемыми шрифтами и как я понял их надо включить в список fontNamesIgnoreCheck
    П.С.
    Разобрался... В файле summernote.min добавил в исключения.
     
    Последнее редактирование: 3 июл 2016
  10. kostia7alania

    kostia7alania Писатель

    Заблокирован
    Регистр.:
    30 авг 2016
    Сообщения:
    4
    Симпатии:
    0
    =ето не делает его гипче, все равно исходник с него не посмотреть;