CMS OpenCart 3.0 небольшие доработки (3 часть)

Всем привет, сегодня я решил вам рассказать о доработке текстового редактора Summernote и редактора кода CodeMirror, эти редакторы используются нами при написании описаний категорий и товаров, но в них есть пара неприятных лично для меня моментов, поэтому я буду их изменять, ну и заодно поделюсь этими правками с вами. Я тут немного разобрался с рабочими вопросами и думаю новые статьи будут выходить почаще.

1. Сначала мы с вами дополним панель нашего визуального редактора, для этого нам необходимо открыть файл: ../public_html/admin/view/javascript/summernote/opencart.js и вместо этой строки (24):

['font', ['bold', 'underline', 'clear']],

вставить эту:

['font', ['bold', 'italic', 'underline', 'strikethrough', 'clear']],

P.S. – Мы добавили в панель инструментов курсив и зачёркнутый текст

А вместо этой строки (31):

['view', ['fullscreen', 'codeview', 'help']]

вставим эту:

['view', ['fullscreen', 'codeview', 'help', 'undo', 'redo']]

P.S. – мы вставили кнопки вперёд и назад.

Сохраняем в файле наши изменения и чистим все кеши (и в админке и в своём браузере) и смотрим что-же у нас с вами получилось:

OpenCart 3 небольшие доработки (3 часть)
OpenCart 3 небольшие доработки (3 часть)

2. Теперь исправляем второй недостаток, при создании нового текста и переключении нашего редактора в просмотр кода (иконка </>) весь наш код отображается в одну длинную строку (если вы писали текст через просмотр кода то всё отображается как положено, с разбивкой на строки – как писали так и отображается):

OpenCart 3 небольшие доработки (3 часть)
OpenCart 3 небольшие доработки (3 часть)

Мне это жутко не нравится, поэтому откроем файл: ../public_html/admin/view/javascript/codemirror/lib/codemirror.js и вместо этой строки (5421):

option("lineWrapping", false, wrappingChanged, true);

вставим эту:

option("lineWrapping", true, wrappingChanged, true);

Чистим все кеши и смотрим что же у нас с вами получилось:

OpenCart 3 небольшие доработки (3 часть)
OpenCart 3 небольшие доработки (3 часть)

Отлично, на мой взгляд стало намного лучше. На этом всё, надеюсь статья была вам полезна.

1 Comment

Комментарии

Меню навигации