Всем привет, сегодня я решил вам рассказать о доработке текстового редактора 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. — мы вставили кнопки вперёд и назад.
Сохраняем в файле наши изменения и чистим все кеши (и в админке и в своём браузере) и смотрим что-же у нас с вами получилось:
2. Теперь исправляем второй недостаток, при создании нового текста и переключении нашего редактора в просмотр кода (иконка </>) весь наш код отображается в одну длинную строку (если вы писали текст через просмотр кода то всё отображается как положено, с разбивкой на строки — как писали так и отображается):
Мне это жутко не нравится, поэтому откроем файл: ../public_html/admin/view/javascript/codemirror/lib/codemirror.js и вместо этой строки (5421):
option("lineWrapping", false, wrappingChanged, true);
вставим эту:
option("lineWrapping", true, wrappingChanged, true);
Чистим все кеши и смотрим что же у нас с вами получилось:
Отлично, на мой взгляд стало намного лучше. На этом всё, надеюсь статья была вам полезна.
1 Comment
Ждем еще крутых доработок)