Фикс для редактора Summernote в OpenCart 3.0

Работая с OpenCart 3.0, мы часто сталкиваемся с различными неудобствами, но при этом приспосабливаемся к ним, потому что других вариантов нет или просто нет времени заниматься поиском решений. Одно из таких неудобств – ограниченный функционал визуального текстового редактора Summernote.

Summernote в OpenCart 3 не имеет столь расширенного набора функций форматирования, как, например, CKEditor или TinyMCE. Это может быть ограничением для пользователей, требующих более сложного форматирования текста. Однако кое-что все же можно исправить, и тогда пользоваться Summernote станет удобнее, особенно для тех, кто привык к этому редактору и не хочет менять его на другие, более функциональные.

Проблемы в редакторе Summernote, используемом в OpenCart 3.0.x.x, которые решает фикс:

1. Добавляет быстрый просмотр и редактирование ссылок в тексте, щелчком по ссылке.
2. Добавляет кнопку удаления ссылки из текста. Теперь не нужно переходить в код, чтобы удалить определенную ссылку из текста.
3. Добавляет возможность быстро установить атрибут rel="nofollow" при добавлении ссылок или их редактировании. Этот атрибут очень важен, если вы планируете добавлять внешние ссылки в описание товаров, категорий или статьи блога.
4. Добавляет больше параметров в форму загрузки изображений
5. Добавляет кнопки: курсив <i>, зачеркнутый текст <strike>, нижний индекс <sub>, верхний индекс <sup>, горизонтальная линия <hr>.
6. Добавляет пропущенные размеры шрифта, больше вариантов выбора.
7. Добавляет кнопку форматирования текста в режиме просмотра кода. По умолчанию в режиме кода мы видим сплошное полотно сбитого вместе кода. Нажатие кнопки его позволит трансформировать код в читаемый вид, с отступами и переносами строк.
8. Добавляет собственную кнопку <span>, которую можно переделать под добавление любого другого кода или текста.
9. Устраняет проблему с сохранением текста в режиме кода в Summernote.

Панель редактора Summernote в OpenCart 3 – до и после

Улучшение работы со ссылками в Summernote в OpenCart 3.0

Форма добавления ссылок в Summernote очень проста и состоит всего из трех полей: анкора, ссылки и выбора метода открывания ссылки. В html ссылке может быть много атрибутов, но больше всего в редакторе не хватает атрибута rel="nofollow", особенно при добавлении внешних ссылок. Поэтому такую опцию мы добавили, а еще возможность просматривать ссылку URL, редактировать и удалять их не переходя в режим кода.

Примеры улучшений Summernote в OpenCart 3.0.x.x

Пример форматирования кода кнопкой "Format HTML" - до и после.

Вы можете скачать наш фикс Summernote – расширение, которое улучшит ваш редактор в OpenCart 3, и установить его через установщик в админке. Это не модуль, а просто исправленные файлы плагина Summernote. Поэтому вы должны знать, что этот фикс заменяет стандартные файлы Summernote в папке admin/view/javascript/summernote/. Поэтому перед установкой нужно позаботиться о резервной копии вашего сайта или только этой папки или четко понимать, что делаете и как можно восстановить оригинальные файлы из этой папки в случае возникновения проблем. Никакие претензии по поводу работы этих исправлений не принимаются. Вы устанавливаете фикс по своему усмотрению.

Ни в коем случае не рекомендуем использовать это расширение на OpenCart других версий, отличных от 3.0.x.x. Тестирование проводилось на OpenCart 3.0.3.7, 3.0.3.8, 3.0.3.9.