Close

6 июня, 2020

Summernote как настроить перенос строк OpenCart 3

summernot - добавляем перенос строк

OpenCart 3 — Summernote как настроить перенос строк и подстроить редактор под себя

По умолчанию встроенный редактор summernot не то, что не давал загрузить картинки в текст, но и выдавал код сплошной длинной кашей при редактировании в HTML.
Чтобы редактор кода в OcStore версиях 3 и выше работал нормально, следует добавить две строчки кода и немного подправить панель инструментов. После всего этого не забываем обновить кэш модификаторов.
Я верстаю сайты с выключенным кэшем и вывожу ошибки не только в файл лог, но и на экран. Перед запуском вывод ошибок следует исключить.
Итак, поехали. делаем то, что на картинке ниже

summernot
Находим файл opencart.js. Он лежит по адресу
\admin\view\javascript\summernote\opencart.js
Находим строчки кода

$(element).summernote({
lang: $(this).attr(‘data-lang’),
disableDragAndDrop: true,
height: 300,
emptyPara: »,
codemirror: { // codemirror options
mode: ‘text/html’,
htmlMode: true,
lineWrapping: true,
theme: ‘monokai’
},

Добавляем строки

после

emptyPara: »,

добавляем

prettifyHtml: true,

получаем

$(element).summernote({
lang: $(this).attr(‘data-lang’),
disableDragAndDrop: true,
height: 300,
emptyPara: »,
prettifyHtml: true,
codemirror: { // codemirror options
mode: ‘text/html’,
htmlMode: true,
lineNumbers: true,
lineWrapping: true,
theme: ‘monokai’
},

Сохраняем, обновляем кэш. Теперь все строки кода переносятся, а не выставляются в одну линию.

summernot - добавляем перенос строк
Теперь организуем тулбар
По умолчанию в блокноте не было даже возможности подгрузить картинку
toolbar: [

[‘style’, [‘style’]],
[‘style’, [‘bold’, ‘italic’, ‘underline’, ‘clear’]],
[‘font’, [‘strikethrough’, ‘superscript’, ‘subscript’]],
[‘fontname’, [‘fontname’]],
[‘fontsize’, [‘fontsize’]],
[‘color’, [‘color’]],
[‘para’, [‘ul’, ‘ol’, ‘paragraph’]],
[‘height’, [‘height’]],
[‘table’, [‘table’]],
[‘insert’, [‘link’, ‘image’, ‘video’]],
[‘view’, [‘fullscreen’, ‘codeview’, ‘help’]],
[‘undo’, [‘undo’]],
[‘redo’, [‘redo’]],
],
Сохраняем, обновляем кэш – все работает! Надеюсь, кому то статья поможет.