Summernote

[IOO]

Уважаемые камрады, а как вы справляетесь с этим чудом "визуального редактирования"?

По логике, заменять Summernote на ckeditor или другой редактор - не желательно. И если плясать от этого, то как Summernote до ума довести?

Может кто использует уже проверенные наборы плагинов на него, или еще какие допилы.

С коробки в нем косяков хватает. Не добавляет alt, title, для <img>, сует <p><br></p> в пустые строки. Код отображает адово - форматирования нет, строк и подсветки тоже. С таблицами ерунда. И это я только поверхностно пощелкал его, дальше боюсь.

Смотрел по гитхабу разбросаны доработки, плагины, а их собирать, проверять и добавлять - "очень весело".

Или все поголовно переходят на ckeditor?

 

На 1.5 самым сочным было ckeditor+elfinder, ставились конечно кастомно. И может это не самая безопасная парочка, но они давали все необходимые инструменты для работяг контенщиков.

В 2.х я немного опешил от жуткого Summernote и менеджера изображений. Регресс прям какой-то.

Почитал по форумам, чет мало эта тема обсуждалась. Или может есть решение, которое я не заметил?

Ведь нормально работать людям без html (наполнителям, редакторам) из коробки с Summernote - почти невозможно. 

 

[strateg2010]

поддерживаю парня с аватаркой Сталина без усов!!! Как заменить дефолтный редактор на CKeditor?

[CheeSS]

Доброго всем дня! Интересует вопрос замены визуального редактора в opencart.pro 2.3. Или включения всех функций в стандартном редакторе. Кто-то сталкивался? Почитал по форуму, но не нашел, работать со стандартным просто сил нет(

[Ratnik]

В 23.03.2017 at 01:30, IOO сказал:

Уважаемые камрады, а как вы справляетесь с этим чудом "визуального редактирования"?

По логике, заменять Summernote на ckeditor или другой редактор - не желательно. И если плясать от этого, то как Summernote до ума довести?

Может кто использует уже проверенные наборы плагинов на него, или еще какие допилы.

С коробки в нем косяков хватает. Не добавляет alt, title, для <img>, сует <p><br></p> в пустые строки. Код отображает адово - форматирования нет, строк и подсветки тоже. С таблицами ерунда. И это я только поверхностно пощелкал его, дальше боюсь.

Смотрел по гитхабу разбросаны доработки, плагины, а их собирать, проверять и добавлять - "очень весело".

Или все поголовно переходят на ckeditor?

 

На 1.5 самым сочным было ckeditor+elfinder, ставились конечно кастомно. И может это не самая безопасная парочка, но они давали все необходимые инструменты для работяг контенщиков.

В 2.х я немного опешил от жуткого Summernote и менеджера изображений. Регресс прям какой-то.

Почитал по форумам, чет мало эта тема обсуждалась. Или может есть решение, которое я не заметил?

Ведь нормально работать людям без html (наполнителям, редакторам) из коробки с Summernote - почти невозможно. 

 

Поддерживаю! Надо что-то менять однозначно!

[BuslikDrev]

Вы наверно про модуль HTML говорите? Так всё нормально, он для этого и предназначен, чтобы люди вставляли любой, свой, html-код.
<img src="http://site.ru/image.png" title="123" alt="123"> - добавляю к нему alt и title - работает или имеете ввиду, что не копирует название от картинки? А откуда взять ему его?

<p><br></p> - это обозначение пустой строки.
Определяет текстовый абзац. Тег <p> является блочным элементом, всегда начинается с новой строки, абзацы текста идущие друг за другом разделяются между собой отбивкой. Величиной отбивки можно управлять с помощью стилей. Если закрывающего тега нет, считается, что конец абзаца совпадает с началом следующего блочного элемента.
Тег <br> устанавливает перевод строки в том месте, где этот тег находится. В отличие от тега абзаца <p>, использование тега <br> не добавляет пустой отступ перед строкой. Если текст, в котором используется перевод строки, обтекает плавающий элемент, то с помощью атрибута clear тега <br> можно сделать так, чтобы следующая строка начиналась ниже элемента.

Какой я обнаружил, действительно косяк, так это то, что у него нету стиля, чтобы равномерно отдалялся от остальных модулей - он просто слипается с другими модулями.

[jaffagold]

Тема неоднократно уже обсуждалась и не только на этом форуме. Есть решения, позволяющие заменить редактор.

Но надо понимать, что Summernote не зря был внедрен в Opencart разработчиком.

Причина в уязвимости для взлома систем с другими редакторами.

[CheeSS]

Приветствую всех! И так, немного покопавшись на просторах интернета, нашел решение для добавления нужного функционала для меня.

Идем - ВАШ_ДОМЕН/admin/view/javascript/summernote/summernote.js

Ищем строку (~ 6739) с таким содержимым

// toolbar
toolbar: [
  ['style', ['style']],
  ['font', ['bold', 'underline', 'clear']],
  ['fontname', ['fontname']],
  ['color', ['color']],
  ['para', ['ul', 'ol', 'paragraph']],
  ['table', ['table']],
  ['insert', ['link', 'picture', 'video']],
  ['view', ['fullscreen', 'codeview', 'help']]
],

и заменяем содержимое между toolbar: [ ], на вот это

['style', ['bold', 'italic', 'underline', 'clear']],
['font', ['strikethrough', 'superscript', 'subscript']],
['fontname', ['fontname']],
['fontsize', ['fontsize']],
['color', ['color']],
['para', ['ul', 'ol', 'paragraph']],
['height', ['height']],
['codeview', ['codeview']],
['undo', ['undo']],
['redo', ['redo']],
['table', ['table']],
['picture', ['picture']],
['link', ['link']],
['video', ['video']],
['clear', ['clear']]

можете переставлять данные опции как Вам удобно. Сохраняем и не забываем почистить кэш и обновить модификаторы. После этого у Вас должно получиться что-то похожее)) http://joxi.ru/Rmz5OdBi8WO8rO 

Надеюсь кому-то поможет.

[hyperion]

В 20.04.2017 at 14:47, CheeSS сказал:

Приветствую всех! И так, немного покопавшись на просторах интернета, нашел решение для добавления нужного функционала для меня.

Идем - ВАШ_ДОМЕН/admin/view/javascript/summernote/summernote.js

Ищем строку (~ 6739) с таким содержимым

// toolbar
toolbar: [
  ['style', ['style']],
  ['font', ['bold', 'underline', 'clear']],
  ['fontname', ['fontname']],
  ['color', ['color']],
  ['para', ['ul', 'ol', 'paragraph']],
  ['table', ['table']],
  ['insert', ['link', 'picture', 'video']],
  ['view', ['fullscreen', 'codeview', 'help']]
],

и заменяем содержимое между toolbar: [ ], на вот это

['style', ['bold', 'italic', 'underline', 'clear']],
['font', ['strikethrough', 'superscript', 'subscript']],
['fontname', ['fontname']],
['fontsize', ['fontsize']],
['color', ['color']],
['para', ['ul', 'ol', 'paragraph']],
['height', ['height']],
['codeview', ['codeview']],
['undo', ['undo']],
['redo', ['redo']],
['table', ['table']],
['picture', ['picture']],
['link', ['link']],
['video', ['video']],
['clear', ['clear']]

можете переставлять данные опции как Вам удобно. Сохраняем и не забываем почистить кэш и обновить модификаторы. После этого у Вас должно получиться что-то похожее)) http://joxi.ru/Rmz5OdBi8WO8rO 

Надеюсь кому-то поможет.

У меня получилось на ocStore 3.0.2.0 когда я еще и в файле opencart.js точно так же заменил. Вот это уже лучше. А то реально редактор - никакой просто.... Ацтой!

[hyperion]

В 10.12.2019 at 17:00, hyperion сказал:

У меня получилось на ocStore 3.0.2.0 когда я еще и в файле opencart.js точно так же заменил. Вот это уже лучше. А то реально редактор - никакой просто.... Ацтой!

А еще заголовки забыли. Вот такой код у меня:
        ['style', ['style']],
        ['style', ['bold', 'italic', 'underline', 'clear']],
        ['font', ['strikethrough', 'superscript', 'subscript']],
        ['fontname', ['fontname']],
        ['fontsize', ['fontsize']],
        ['color', ['color']],
        ['para', ['ul', 'ol', 'paragraph']],
        ['height', ['height']],
        ['codeview', ['codeview']],
        ['undo', ['undo']],
        ['redo', ['redo']],
        ['table', ['table']],
        ['picture', ['picture']],
        ['link', ['link']],
        ['video', ['video']],
        ['clear', ['clear']]