Двумя строчками кода.

В чём проблема

Когда вы заходите в исходный код описания, всё выглядит вот так:

Всё в одну строку, с прокруткой, без нормальной разметки

Что делать

1. Открываем скрипт сайт/admin/view/javascript/summernote/opencart.js

2. Находим код:

$(element).summernote({
    lang: $(this).attr('data-lang'),
    disableDragAndDrop: true,
    height: 500,
    emptyPara: '',
    codemirror: { // codemirror options
        mode: 'text/html',
        htmlMode: true,
        lineNumbers: true,
        theme: 'monokai'
	},

3. После строки lineNumbers вставляем:

lineWrapping: true,

4. Это уберёт прокрутку, и разметка начнёт переноситься на новые строки.

5. После строки emptyPara вставляем:

prettifyHtml: true,

6. Это превратит кашу с разметкой в человеческий вид.

7. Сохраняем, обновляем кэш.

8. Готово.

9. Результат на выходе: