Jump to content
Sign in to follow this  
markimax

OC 2: Summernote - визуальный редактор

Recommended Posts

Opencart 2.*

Как выключить добавление лишних тегов в визуальном редакторе.Summernote

А то постоянно добавляет

<p><br></p>

Достал уже...

Share this post


Link to post
Share on other sites

admin/view/javascript/summernote/summernote.js

 

Попробовал заменить

emptyPara: '<p>' + blankHTML + '</p>',

на

emptyPara: '',

Вроде бы работает, хотя я не уверен, что это не говнокод.

Share this post


Link to post
Share on other sites

Я совсем отключил Summernote, заменив эти поля на использование Markdown разметки.

Share this post


Link to post
Share on other sites

Я совсем отключил Summernote, заменив эти поля на использование Markdown разметки.

Я бы тоже отключил, только вот используется он в opencart 2.* , т е  по умолчанию и в модуле. :) а всем не угодишь

Пока решение нашел временное, это запускать без него, но есть кнопка "Графический редактор", переключающая его из состояния в состояние

Но это как какой-то "костыль" скорее. Хотя как по мне, это лучше, чем когда вместо тебя в поле краткого описания вставляют "пустые" теги и не отображается из -за этого краткое описание.

Вообще не люблю я всю эту "электронику АБС", которая за "тебя" колбасит не известно что

Share this post


Link to post
Share on other sites

Протестировал свой метод - не то, вылазят косяки.
Парни на гитхабе тоже не могут определиться с оптимальным варинтом - https://github.com/summernote/summernote/issues/143

Share this post


Link to post
Share on other sites

Протестировал свой метод - не то, вылазят косяки.

Парни на гитхабе тоже не могут определиться с оптимальным варинтом - https://github.com/summernote/summernote/issues/143

Я не пойму чем "мешал" ckeditor?

 

Вот как теперь отучить вставлять лишние теги этот бутсраповский Summernote? Где не искал - нигде не нашел, а потратил более часа драгоценного времени. :(

Share this post


Link to post
Share on other sites

Хочется верить, что решение будет найдено.

Ckeditor тоже не идеальный был, но хоть привычный. Возможно и к Summernote привыкнем. Надо пару деньков поюзать что б всесторонне оценить.

 

А у вас с чем конкретно проблемы возникли? Понятно, что само по себе раздражает, когда не скрипт своевольничает, но всё же юзеркейс какой, если не секрет?

Share this post


Link to post
Share on other sites

А у вас с чем конкретно проблемы возникли? Понятно, что само по себе раздражает, когда не скрипт своевольничает, но всё же юзеркейс какой, если не секрет?

 

Так в том то и дело что своевольничает скрипт summernote

Представьте поле краткого описания пустое. Зашел настройки изменил, сохранил... в кратком описании уже  <p><br></p> :ugeek: 

Тоже в категориях, в описании. В итоге получаются лишние "строки" в "дизайне".

 

Сами про экспериментируйте. К примеру в категории Desctop  в режиме кода удалите все в описании, сохраните. Потом опять зайдите, сразу сохраните, зайдите опять и посмотрите в режиме кода - опа, а там уже <p><br></p> , которые потом вылазят лишними строками во фронте.

 

Я считаю это вообще багом, так как из-за этого нарушается дизайн фронта

Share this post


Link to post
Share on other sites

Та я в курсе, даже достаточно переключиться туда-сюда в исходник и обратно и эта дрянь появляется.
Значит не один я такое раздражительный %)

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

 

Share this post


Link to post
Share on other sites

Та я в курсе, даже достаточно переключиться туда-сюда в исходник и обратно и эта дрянь появляется.

Значит не один я такое раздражительный %)

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

 

Ну я сделал так:

 

5219192784.png

Share this post


Link to post
Share on other sites

markimax сказал(а) 16 Мар 2015 - 8:27 PM:

Я не пойму чем "мешал" ckeditor?

Насколько понимаю, генерируемым кодом (весьма далёким от HTML5).

И вторая причина скорей всего - проблемы на планшетах, тачскринах и телефонах (мелких экранах).

Жёсткий упор в первую очередь на совместимость с планшетами трудно не заметить в OC2.

Share this post


Link to post
Share on other sites

markimax сказал(а) 16 Мар 2015 - 9:02 PM:

Ну я сделал так:

...

Графический редактор

Для поля "Описание"? А я думал, графический редактор -- это Paintbrush, Gimp, Photoshop :)

Share this post


Link to post
Share on other sites

Для поля "Описание"? А я думал, графический редактор -- это Paintbrush, Gimp, Photoshop :)

:) Спасибо. Да, ошибся, ночью. Изменил на "Визуальный"

Share this post


Link to post
Share on other sites

мож, просто "wysiwyg"?

Share this post


Link to post
Share on other sites

мож, просто "wysiwyg"?

 

Это куда и кого вы "послали" :-D

 

99% пользователей понятия не имеют что это за "матюхня" (проверено). Легче написать "Office", быстрее поймут чем wysiwyg  :ugeek:

Язык  сломаешь, пока выговоришь

Share this post


Link to post
Share on other sites

Короче запарился я с этим Summernote

Реализовал так:

http://oc2.opencartadmin.com/admin/index.php?route=catalog/record/update&record_id=1

логин/пароль

demo|demo

 

Код такой

<script>
var myEditor = new Array();
function load_editor(idName, idHeight) {
    if (!myEditor[idName]) {
        $('#'+idName).destroy();
        $('#'+idName).summernote({focus: true, height: idHeight});
        myEditor[idName] = true;
    }     else {
        var html = $('#'+idName).code();
        $('#'+idName).html(html);
        $('#'+idName).destroy();
        $('#'+idName).html(html);
        myEditor[idName] = null;
    }
return false;
}
<?php foreach ($languages as $lang) { ?>
load_editor('input-description-<?php echo $lang['language_id']; ?>', 300');
<?php } ?>

</script>

А на краткое описание повесил на onclick, чтобы  лишние теги не вставлял

Share this post


Link to post
Share on other sites

а у меня и СКЕ добавляет такой мусор постоянно.

A wysiwyg - если заменить на офис, то там еще и теги всякие цветовые и размерные чуть-ли не каждое слово обрамлять станут =)

Тоже не вариант.

Share this post


Link to post
Share on other sites

Ну а я TinyMCE.ocmod сделал и responsivefilemanager прикрутил. как-то лучше жить стало :-)

Share this post


Link to post
Share on other sites

Ну а я TinyMCE.ocmod сделал и responsivefilemanager прикрутил. как-то лучше жить стало :-)

Подскажите, как вы делали?

Share this post


Link to post
Share on other sites

Opencart 2.*

Как выключить добавление лишних тегов в визуальном редакторе.Summernote

А то постоянно добавляет

<p><br></p>

Достал уже...

 

Как-то удалось решить проблему с Summernote?

Что-то не нашел подходящего решения на гитхабе.

Качал с оф. сайта последнюю версию summernote.js - проблема уходит, но нет совместимости с опенкарт (едет верстка, кривые кнопки и т.д.).

Решение вроде бы близко, но не находится.

Share this post


Link to post
Share on other sites

Не советовал бы изменять стандарты

Почему? Зачастую приходиться редакторы менять в тк каждому клиенту что-то свое нужно. Проблем с этим обычно не возникает.

Share this post


Link to post
Share on other sites

А что при смене на тинимайс есть возможность к примеру картинки загружать?

Share this post


Link to post
Share on other sites

Почему? Зачастую приходиться редакторы менять в тк каждому клиенту что-то свое нужно. Проблем с этим обычно не возникает.

 

А другие модули как же, кроме стандартных категорий и товаров ? ;)

Вот то тоже...

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By q3dm0
      800.00 руб
      Скачать/Купить дополнение


      Imagemanager (Редактор и пакетная загрузка изображений для магазина)+галерея ScangalleryPack
      Менеджер изображений, он же и обработчик, с богатым функционалом, все, что нужно для обработки изображений на лету в нем есть, некоторый аналог швейцарского армейского ножа - этот модуль является идеальной заменой старого менеджера изображений, и Вы перестанете терять огромное количество времени на редактирование изображений.
       
      Он поддерживает добавление нескольких изображений одновременно, просмотр истории (сохраняет последнюю открытую папку), перетаскивание загружаемых изображений, изменение размера/поворота, поиск изображений/папок  и многое другое!
      Ну и в комплект идет полноценная адаптивная галерея для организации своего блога, страницы новостей или фотогалереи с описанием товара или целой группы товаров с возможностью объединения галереи и товаров по тегам на сайте для более результативного поиска последних. Полноценный модуль imagemanager с возможностью заливать на лету тысячи фотографий  для своих товаров, баннеров, обрабатывать их, перетягивать в нужном порядке методом drugNdrop и не только, теперь Вы сможете это, с новым пакетом ScangalleryPack.
      модуль Imagemanager на базе jquery файл-менеджера elFinder для версий opencart 1.5.X  -2.X – 3.X; галерея на базе jquery галереи blueimp-gallery конечно же с  мультизагрузкой изображений, а также с более простой поисковой оптимизацией Вашего сайта, теперь для каждой картинки можно присвоить свой alt и title прям из под админ панели, ну и само собой, в данный пакет интегрирован модуль сортировки изображений методом перетягивания (Sortable module). Теперь ужасная и нудная работа по добавлению изображений к товарам и баннерам на сайте сводиться к минимуму, в данной версии Вы можете:
      пакетная загрузка картинок на сервер;   удаление файлов в корзину; drugNDrop пакетная загрузка изображение на сервер; обработка изображений (обрезка, поворот и другие приятности прям в окне Вашего броузера); создание, переименование, удаление, перемещение, копирование (вставка), архивирование, как изображений, так и папок, в том числе пакетная; различные варианты просмотра изображений и папок и т.д. многоязычность (два языка (En, Ru) + языки elFinder); легкость обновления версий (для опытных пользователей!); автоматическая нумерация изображений; отсутствие перезаписи системных файлов opencart; объектный метод определения загрузки файлов, теперь Вы избавитесь от лишних надоедливых кнопок внизу; изменять любое изображение в админ панели обычным выбором, есть как встроенный менеджер, так и Imagemanager на выбор.  добавление водяного знака к изображению, работает "НЕ С КЕШЕМ" изображения, водяной знак накладывается сразу при загрузке изображения на сервер,  неплохой вариант для тех кто только что открыл свой интернет магазин и не хочет чтобы его изображения были добавлены на сторонние сайты;  автоматическая регулировка размеров изображения (высота, ширина) при загрузке изображения на сервер, работает при загрузке изображений выше тех размеров которые необходимо получить: 1024*768px -> 800*600px, основан на методе плагина elFinder AutoResize; добавлен ftp клиент для менеджера, теперь можно выгружать на свой сайт картинки из других источников, подключившись по ftp; загрузка изображение текстового редактора summernote (одиночное/пакетное); пакетное добавление изображений в раздел баннеры (Загрузка на сервер и добавление в карточку баннера)      
      Посмотреть работу модуля можно на следующем видео: ссылка
       
      Если возникли проблемы которые требуют моего вмешательства, заранее подготовьте доступы к админке и фтп, установка и решение проблем связанные с ней бесплатны.
       
       
      Добавил q3dm0 Добавлено 08.03.2017 Категория Обмен данными Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.5.1
      1.5.5
      1.5.4.1
      1.5.3.1 ocStore 3.0
      2.3
      2.2
      2.1
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1
      1.5.2.1
      1.5.1.3 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х
      OcShop 1.5.6.4.х Обращение к серверу разработчика Нет Старая цена 0  
    • By q3dm0
      Менеджер изображений, он же и обработчик, с богатым функционалом, все, что нужно для обработки изображений на лету в нем есть, некоторый аналог швейцарского армейского ножа - этот модуль является идеальной заменой старого менеджера изображений, и Вы перестанете терять огромное количество времени на редактирование изображений.
       
      Он поддерживает добавление нескольких изображений одновременно, просмотр истории (сохраняет последнюю открытую папку), перетаскивание загружаемых изображений, изменение размера/поворота, поиск изображений/папок  и многое другое!
      Ну и в комплект идет полноценная адаптивная галерея для организации своего блога, страницы новостей или фотогалереи с описанием товара или целой группы товаров с возможностью объединения галереи и товаров по тегам на сайте для более результативного поиска последних. Полноценный модуль imagemanager с возможностью заливать на лету тысячи фотографий  для своих товаров, баннеров, обрабатывать их, перетягивать в нужном порядке методом drugNdrop и не только, теперь Вы сможете это, с новым пакетом ScangalleryPack.
      модуль Imagemanager на базе jquery файл-менеджера elFinder для версий opencart 1.5.X  -2.X – 3.X; галерея на базе jquery галереи blueimp-gallery конечно же с  мультизагрузкой изображений, а также с более простой поисковой оптимизацией Вашего сайта, теперь для каждой картинки можно присвоить свой alt и title прям из под админ панели, ну и само собой, в данный пакет интегрирован модуль сортировки изображений методом перетягивания (Sortable module). Теперь ужасная и нудная работа по добавлению изображений к товарам и баннерам на сайте сводиться к минимуму, в данной версии Вы можете:
      пакетная загрузка картинок на сервер;   удаление файлов в корзину; drugNDrop пакетная загрузка изображение на сервер; обработка изображений (обрезка, поворот и другие приятности прям в окне Вашего броузера); создание, переименование, удаление, перемещение, копирование (вставка), архивирование, как изображений, так и папок, в том числе пакетная; различные варианты просмотра изображений и папок и т.д. многоязычность (два языка (En, Ru) + языки elFinder); легкость обновления версий (для опытных пользователей!); автоматическая нумерация изображений; отсутствие перезаписи системных файлов opencart; объектный метод определения загрузки файлов, теперь Вы избавитесь от лишних надоедливых кнопок внизу; изменять любое изображение в админ панели обычным выбором, есть как встроенный менеджер, так и Imagemanager на выбор.  добавление водяного знака к изображению, работает "НЕ С КЕШЕМ" изображения, водяной знак накладывается сразу при загрузке изображения на сервер,  неплохой вариант для тех кто только что открыл свой интернет магазин и не хочет чтобы его изображения были добавлены на сторонние сайты;  автоматическая регулировка размеров изображения (высота, ширина) при загрузке изображения на сервер, работает при загрузке изображений выше тех размеров которые необходимо получить: 1024*768px -> 800*600px, основан на методе плагина elFinder AutoResize; добавлен ftp клиент для менеджера, теперь можно выгружать на свой сайт картинки из других источников, подключившись по ftp; загрузка изображение текстового редактора summernote (одиночное/пакетное); пакетное добавление изображений в раздел баннеры (Загрузка на сервер и добавление в карточку баннера)      
      Посмотреть работу модуля можно на следующем видео: ссылка
       
      Если возникли проблемы которые требуют моего вмешательства, заранее подготовьте доступы к админке и фтп, установка и решение проблем связанные с ней бесплатны.
       
       
    • By comrues
      Я умею создавать модули где можно добавить КОНКРЕТНОЕ КОЛИЧЕСТВО ПОЛЕЙ. 
      А как сделать так, что бы эти поля можно было добавлять прям в модуле админки с помощью кнопки "+"?
      Для примера на странице товара можно бесконечно добавлять новые поля во вкладке характеристики с помощью кнопки с знаком "+"
    • By optimlab
      Скачать/Купить дополнение


      OptimBlog - блог для Opencart 3
      Позволяет создать бесконечное множество статей и категорий для них. Например вы можете создавать категории «Новости», «Статьи», «Акции», а также создать полноценный блог для своего магазина с разбитием материалов по категориям.
       
       
      Концепция и отличие от других блогов для Опенкарт 3.
      Другие блоги для Opencart 3
      Большинство (как бы не 100%, аналогов не видел) модулей блогов и других аналогичных используют концепцию клонирования программного кода(контроллеров и сопутствующих файлов - Model-View-Controller) категорий товаров и самих товаров, превращая скрипты:
      «категорию товаров» → «категорию статей»
      «товар» → «статья»
      клонирование таблиц Базы Данных аналогично категориям и товарам.
      Такой подход вызывает много конфликтов. Например наименования таблиц при смене одного модуля на другой совпадали, а неопытные пользователи недоумевали от полученных ошибок и не понимали причины. Ошибок и несостыковок на практике было более чем достаточно. Описывать их все тут не имеет смысла..
       
      Концепция и основная идея
      Категории присваивается тип — Товар/Статья.
      Функционал Статьи расширяется аналогично функционалу Товара.
      Отзывы аналогично категориям разделены на 2 типа — Товар/Статья.
      А также добавлена возможность вывода «Ответа магазина» на «Отзыв» с использованием HTML.
      Данный модуль блога не заменяет родных файлов Opencart 3.
      Сохранена концепция Опенкарт в названиях и определениях, а также сохранён привычный для администратора магазина внешний вид интерфейса.
      Нет конфликтов по SEO URL, так как используется штатный функционал Opencart. Который вы можете расширить приложенными модификаторами.
      Модуль на 90% состоит из файлов модификаторов, которые можно удалить или отключить в любое время.
       
      Функционал и возможности модуля OptimBlog
      Категории:
      Заголовок H1
      Краткое описание
      Можно вывести в категории с помощью: {{ short_description }}.
      Дополнительные изображения
      Можно вывести в категории с помощью:
      {% for image in images %} -> {{ image.thumb }} , {{ image.popup }} .
       
      Товары:
      Заголовок H1
      Краткое описание
      Можно вывести в категории и в модулях выводящих товары с помощью:
      {{ short_description }}.
      Главная категория
      Используется для определения хлебных крошек в «URL от базового домена» находящихся в индексе Поисковых Систем.
      Для правильной настройки свойства canonical на разных URL товара.
      Рекомендуемые товары
      Нет добавления товара самого на себя.
      Рекомендовать можно в трёх направлениях: на товар, от товара, в обе стороны.
      Рекомендуемые статьи
      Рекомендовать можно в трёх направлениях: на статью, от статьи, в обе стороны.
       
      Статьи:
      Заголовок H1
      Краткое описание
      Можно вывести в категории и в модулях выводящих товары с помощью:
      {{ short_description }}.
      Основное изображение
      Дополнительные изображения
      Главная категория
      Используется для определения хлебных крошек в «URL от базового домена» находящихся в индексе Поисковых Систем.
      Для правильной настройки свойства canonical на разных URL статьи.
      Рекомендуемые статьи
      Нет добавления статьи саму на себя.
      Рекомендовать можно в трёх направлениях: на статью, от статьи, в обе стороны.
      Рекомендуемые товары
      Рекомендовать можно в трёх направлениях: на товар, от товара, в обе стороны.
      Теги
      Дата добавления статьи
      Дата начала и конца публикации статьи
      Автор
      Атрибуты
       
      Возможности для разработчиков:
      Заложены на будущее некоторые функции и возможности, которые разработчики могут использовать для создания своих модулей. Например: «дополнительные изображения» в настройках категории, можно выводить с помощью слайдера. А «Производителя» использовать для соответствующих привязок и сортировок.
      Модули разработчиков связанные с выводом товаров, можно легко переопределить для Статей. Так как php-код контролеров и моделей практически зеркальный.
      Использовалась верстка с классами Bootstrap 3. Что можно легко использовать для своих шаблонов без лишних заморочек и потерей времени.
       
      Состав модулей и модификаторов OptimBlog
      OptimBlog — главный модуль.
      Модификатор «Admin Filter»
      Модуль «Новые статьи»
      Модуль «Лучшие статьи».
      Модуль «Рекомендуемые статьи»
      Модуль «Категории статей»
      Модуль «Поиск статей»
      Адаптация под шаблон Frame
      Адаптация под свой шаблон:
      Для создания модификатора для своего шаблона скопируйте, разархивируйте и отредактируйте модификатор optimblog-all-theme-twig.ocmod.zip под свой шаблон заменив путь к шаблону в коде модификатора с catalog/view/theme/*/ на catalog/view/theme/theme_name/ .
       
      Установка OptimBlog:
      Установить optimblog.ocmod.zip.
      Обновить кэш модификаторов.
      Зайти в «Группы пользователей» и назначить соответствующие права доступа:
      extension/extension/information
      extension/information/optimblog
      В выпадающем списке раздела «Модули / Расширения» выберите «Статьи».
      Активируйте модуль OptimBlog для своего магазина (модуль мультимагазинный, аналогично модулей Темы).
      Редактируйте настройки модуля OptimBlog и сохраните.
      Добавьте макет для Категории статей, если его нет.
      Зайти в «Дизайн» -> «Макеты»
      «Добавить Макет: Category Information»
      «Добавить Путь: extension/information/category»
      «Добавить модули»
      «Сохранить»
       
       
      Информация:
      Демо: http://demo.optimcart.com
      Админка: http://demo.optimcart.com/admin
       
      GitHub: https://github.com/optimlab/optimblog

      Лицензия: GNU General Public License version 3 (GPLv3)
      Добавил optimlab Добавлено 14.06.2018 Категория Блоги, новости, статьи Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 3.0 ocStore Несовместим OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Нет Старая цена 0  
    • By ilovemarishca
      Добрый день, только начала изучать OpenCart и столкнулась с проблемой. Хочу вывести категории на главный экран квадратиками. Как это сделать? Не могу найти, в каком файле менять код. Заранее спасибо.
       
      (Первая картинка - то что сейчас, вторая, то как хочется)
       
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.