Jump to content
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

Я не пойму чем "мешал" 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.


  • Similar Content

    • By Rainier
      Здравствуйте!
      Из-за специфичной структуры в которой все категории магазина вложены в единую родительскую МАГАЗИН,  имеются проблемы с отображением: http://new.invalidnye-koljaski.ru/ Для удобства хочу поставить ссылку на родительскую категорию МАГАЗИН вместо стандартной "Список категорий" в главном меню, чтобы она также открывалась при наведении. Т.е. при наведении курсора отображалось выплывающее меню с содержимым категории МАГАЗИН
       
      Как правильнее всего это реализовать? Посоветуйте, пожалуйста
    • By DSV
      2 300.00 руб
      Скачать/Купить дополнение


      Grand - адаптивный универсальный шаблон
      Grand – многоцелевой, настраиваемый, легкий в использовании и полностью адаптивный шаблон для работы современного интернет магазина. 
      Подходит для любого типа магазина: одежда, обувь, электроника, спорт, ювелирные изделия и многое другое ...
       
      Демонстрация
      Магазин: http://grand.kreativ.pro/
      Админка: http://grand.kreativ.pro/admin/ , доступ: demo / demo
       
      Совместимость
      Работает с Opencart v3.0, Русская сборка OpenCart v3.0, ocStore v3.0
       
      Настройки:
      "Быстрый Старт" (Quick Start).
      Настройка основных цветов в админке
      Добавление CSS в админке
      Добавление JavaScript в админке
      Модуль "Настройка шаблона"
      Модуль "Баннеры"
      Модуль "Новости" (с добавлением сопутствущих товаров)
      Модуль "Категории на главной", с возможностью выбора категорий, выводятся блоками по одной категории
      Модуль "Заказ в 1 клик" (с учетом в админке)
      Модуль "Вывод текста во всплывающем окне"
      Модуль "Дополнительные вкладки в карточке товара"
      Модуль "Нашли дешевле?"
      Модуль "Заказ обратного звонка" (с учетом в админке)
      Модуль "Подписка на новости"
      Модуль "Просмотренные товары"
      Модуль "Рекомендуемые" (добавляете свои товары и меняете заглавие на свое)
      Модуль "Слайдшоу" (с возможностью добавления своего текста и некоторыми настройками)
      Модуль "Сообщить когда появится"
      Модуль "Текстовые баннеры"
      Модуль "Быстрый просмотр товара"
      Вывод Артикула (SKU) в карточке товара
      Добавление карты на странице "Контакты"
      Пользовательские меню в шапке сайта
      Контактная информация в шапке сайта
      Контактная информация в подвале сайта
      Трехуровневое основное и боковое меню
      Основное меню (свои ссылки, бренды, информация, контакты)
      Стикер товара – Акция
      Иконки социальных сетей в шапке сайта
      Иконки социальных сетей в подвале
      Иконки платежных систем в подвале сайта
      Свои иконки социальных сетей в карточке товара и в новостях
      Zoom эффект изображения в карточке товара
      Возможность отключения кнопки "Купить" и "Заказ в один клик" если товара нет в наличии
      Свои ссылки в подвале сайта
      Слайдер дополнительных изображений в карточке товара
      Всплывающее окно при нажатии кнопки купить
      Авторизация во всплывающем окне
      В настройках шаблона можно добавить логотип в подвале сайта
      Хлебные крошки - убраны ссылки страницы на саму себя
      Вкл/Выкл краткого описания товаров
      Вкл/Выкл прокрутки в модулях (рекомендуемые, акции, бестселлер, новинки, блог)
      Вкл/Выкл картинки категорий в списке товаров
      Вкл/Выкл кнопки в "Закладки", в "Сравнение"
      Вкл/Выкл ссылок в подвале сайта
      Вкл/Выкл микроразметки карточки товара
      Вкл/Выкл поворота картинки при наведении курсора
      Вкл/Выкл Условия соглашения (Контакты, Быстрый заказ, Заказ звонка)
       
      Лицензия:
      Шаблон можно использовать только на одном основном домене (тестовые без ограничений).
       
      Техническая поддержка
      Через личные сообщения на данном форуме.
      Поддержка производится только пользователям, числящимся в списке покупателей шаблона.
      Добавил DSV Добавлено 09.12.2018 Категория Платные шаблоны Системные требования Сайт разработчика dsv@kreativ.pro Старая цена 2500 Метод активации Без активации Ioncube Loader Нет OpenCart 3.0 ocStore 3.0 OpenCart.Pro, ocShop Обращение к серверу разработчика Нет  
    • By DSV
      Grand – многоцелевой, настраиваемый, легкий в использовании и полностью адаптивный шаблон для работы современного интернет магазина. 
      Подходит для любого типа магазина: одежда, обувь, электроника, спорт, ювелирные изделия и многое другое ...
       
      Демонстрация
      Магазин: http://grand.kreativ.pro/
      Админка: http://grand.kreativ.pro/admin/ , доступ: demo / demo
       
      Совместимость
      Работает с Opencart v3.0, Русская сборка OpenCart v3.0, ocStore v3.0
       
      Настройки:
      "Быстрый Старт" (Quick Start).
      Настройка основных цветов в админке
      Добавление CSS в админке
      Добавление JavaScript в админке
      Модуль "Настройка шаблона"
      Модуль "Баннеры"
      Модуль "Новости" (с добавлением сопутствущих товаров)
      Модуль "Категории на главной", с возможностью выбора категорий, выводятся блоками по одной категории
      Модуль "Заказ в 1 клик" (с учетом в админке)
      Модуль "Вывод текста во всплывающем окне"
      Модуль "Дополнительные вкладки в карточке товара"
      Модуль "Нашли дешевле?"
      Модуль "Заказ обратного звонка" (с учетом в админке)
      Модуль "Подписка на новости"
      Модуль "Просмотренные товары"
      Модуль "Рекомендуемые" (добавляете свои товары и меняете заглавие на свое)
      Модуль "Слайдшоу" (с возможностью добавления своего текста и некоторыми настройками)
      Модуль "Сообщить когда появится"
      Модуль "Текстовые баннеры"
      Модуль "Быстрый просмотр товара"
      Вывод Артикула (SKU) в карточке товара
      Добавление карты на странице "Контакты"
      Пользовательские меню в шапке сайта
      Контактная информация в шапке сайта
      Контактная информация в подвале сайта
      Трехуровневое основное и боковое меню
      Основное меню (свои ссылки, бренды, информация, контакты)
      Стикер товара – Акция
      Иконки социальных сетей в шапке сайта
      Иконки социальных сетей в подвале
      Иконки платежных систем в подвале сайта
      Свои иконки социальных сетей в карточке товара и в новостях
      Zoom эффект изображения в карточке товара
      Возможность отключения кнопки "Купить" и "Заказ в один клик" если товара нет в наличии
      Свои ссылки в подвале сайта
      Слайдер дополнительных изображений в карточке товара
      Всплывающее окно при нажатии кнопки купить
      Авторизация во всплывающем окне
      В настройках шаблона можно добавить логотип в подвале сайта
      Хлебные крошки - убраны ссылки страницы на саму себя
      Вкл/Выкл краткого описания товаров
      Вкл/Выкл прокрутки в модулях (рекомендуемые, акции, бестселлер, новинки, блог)
      Вкл/Выкл картинки категорий в списке товаров
      Вкл/Выкл кнопки в "Закладки", в "Сравнение"
      Вкл/Выкл ссылок в подвале сайта
      Вкл/Выкл микроразметки карточки товара
      Вкл/Выкл поворота картинки при наведении курсора
      Вкл/Выкл Условия соглашения (Контакты, Быстрый заказ, Заказ звонка)
       
      Лицензия:
      Шаблон можно использовать только на одном основном домене (тестовые без ограничений).
       
      Техническая поддержка
      Через личные сообщения на данном форуме.
      Поддержка производится только пользователям, числящимся в списке покупателей шаблона.
    • By Yulissi
      1. ОБЩИЕ ПОЛОЖЕНИЯ
      1.1. Требуется создать гибрид сайта услуг и интернет-магазина по продаже и программированию автоключей, прошивке иммобилайзеров и скорой помощи на дорогах (вскрытие авто и отключение сигнализации, прикуривание авто и зарядка АКБ).
      Целевая аудитория – автовладельцы всех возрастов (преимущественно мужчины), специализированные автомастерские и частные мастера по ремонту авто.
      Регион предоставления услуг: Москва и МО (предусмотреть возможность расширения бизнеса на другие города).
      2. ЧТО ТРЕБУЕТСЯ:
      2.1. Верстка по дизайн-макету, макет должен быть адаптивным для ширины экрана: 320px - смартфон; 768px - планшет; 1200px - десктоп.
      2.2. Подключение к движку Opencart (версию предложить и обосновать). Подключить необходимые модули для реализации функционала магазина или написать соответствующие скрипты самостоятельно (в стоимость услуги входит установка модуля, тестирование и обеспечение стабильной работы в условиях наполнения магазина до 5000 товаров).
      3. ДЛЯ РАЗРАБОТЧИКОВ:
      1. Прошу пустую полемику и "игру мускулами" в теме не разводить. Внимательно читаем ТЗ, потом готовим свое предложение по цене, срокам и планам работ и присылаем. 
      2. Если для оценки стоимости и объема работ нужны наводящие вопросы, задаем - понятным простому человеку языком. 
      3. Почему много требований к верстке - и так мало конкретики по серверной части - отвечаю заранее. Есть опыт постановки задач и приемки верстки у верстальщика, а с Опенкартом пока не работали. Сами не знаем толком, чем же должен быть модифицирован движок, чтобы стабильно выполнять возложенные на него функции. Самые главные условия: быстрая и стабильная работа сайта и СЕО-модули 
      4. Предпочтение исполнителям с действующим аккаунтом на Upwork (также можете предложить Ваш вариант, как видите взаиморасчеты). 
      ТЗ на разработку сайта.docx
    • By zndos
      День добрый, в связи с пропажей разработчика, ищу специалиста для внесения правок согласно тз. Тз прилагаю. Просьба оценивать адекватно задачу.
      N_01_DORABOTKA_I_ISPRAVLENIE_OShIBOK_NA_SAJTE.docx TZ-2_-_12_06_2019_33__33.xls
  • 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.