[Решено] Визуальный редактор ckeditor. ocStore 2.1.0.1

[Paint]

В 22.02.2017 в 01:03, chukcha сказал:

Вам опусы писать?

Опусы - это описания? - тогда ДА. Редактор нужен для написания описаний к товарам и написания статей, с возможностью изменения шрифтов и стилей непосредственно в редакторе, а не через исходный код. Также вставлять таблицы, картинки, видео в описание. Я не знаю, может и  sumernote можно настроить для всего этого, но по умолчанию этого нет.

Я спрашиваю вашего совета, но мне пока сложно точно сформулировать свои задачи.

Хотелось бы просто, по совету знающих людей, применить какое-то оптимальное решение по настройке текстового редактора в ocStore 2.1, один раз и чтобы больше не возвращаться к этому вопросу. Спасибо.

Змінено 24 лютого 2017 користувачем Paint

[Tom]

Пока понятно,что ничего не понятно.Для начала версию движка свою укажите.

[Paint]

ocStore 2.1.0.2.1

[Tom]

В этой версии ckeditor и так всё это умеет.Всё что с ним необходимо сделать,уже описано в топике.

Цитата

 Редактор нужен для написания описаний к товарам и написания статей, с возможностью изменения шрифтов и стилей непосредственно в редакторе, а не через исходный код. Также вставлять таблицы, картинки, видео в описание. Я не знаю, может и  sumernoteможно настроить для всего этого, но по умолчанию этого нет.

Если в магазине используется шаблон,который прописывает всем элементам свои стили,то плевать ему на ваши стили в редакторе.

Видео вставляется путём копирования  кода того же youtube и использования режима исходного кода,путём нажатия в редакторе слева вверху кнопки Источник.

Если уж сильно лень и не понятно ,то вот

 

[Paint]

5 часов назад, Tom сказал:

Если уж сильно лень и не понятно ,то вот

 

Не лень, но не всё понятно. Все что описано вами в топике выше я делал и получил полный редактор, спасибо. Не понятно было по доп. плагинам, надо ли их ставить и какие именно надо. Понятно, что всё индивидуально, но вопрос требует изучения и практики, поэтому  хотелось получить совет опытного человека.

Спасибо за ссылку на решение, поставлю с набором плагинов, отобранным вами.

Если я правильно понимаю, то устанавливая ckeditor_4.6.zip по инструкции написанной вами там, не надо уже будет производить действия, описанные тут

за исключением: Система-Настройки , вкладка Сервер, Визуальный редактор меняем на "ckeditor" ?

 

[Tom]

Нет.Там всё уже это учтено.

[Paint]

57 минут назад, Tom сказал:

Нет.Там всё уже это учтено.

Понятно.

Последнее, что хотел бы уточнить:

По ссылке приведенной выше выложены 2 архива, пробовал поставить оба на ocStore 2.1.0.2.1.

Заметил небольшие различая. При копировании из архива ckeditor_4.6.zip в редакторе нет кнопки Search Source в  блоке <Источник>, а при копировании из архива ckeditor_kama_4.6.zip нет кнопки плагина Font Awesome, хотя сама папка fontawesome в папке plugins есть.

Я совсем в этом не разбираюсь, но в файле config.js архива ckeditor_kama_4.6.zip в 15 строке прописано    config.extraPlugins = 'codemirror'; если эту строку удалить или закомментировать, то кнопка Font Awesome появляется. В архиве ckeditor_4.6.zip в файле config.js  строки     config.extraPlugins = 'codemirror' нет изначально.

(Еще, хоть это не важно, наверно опечатка, в архиве ckeditor_kama_4.6.zip на самом деле тема moono а не kama как в названии архива).

Подскажите, как правильно добавить "недостающие" кнопки Search Source и Font Awesome, соответственно туда, где их не хватает.

Спасибо за помощь.

Змінено 26 лютого 2017 користувачем Paint

[Tom]

Ошибся видимо при загрузке архивов.Пока скрыл.Будет время разберусь.

[Voins]

Подскажите, стоит  версия ocStore-2.3.0.2.1  с ckeditor-ом по умолчанию. В модуле  HTML Содержимое, при его повторном  редактирования удаляются html теги , такие как <div>, <h...>. Остаются только параграфы и ссылки. Как это можно исправить. ocStore-2.3.0.2.1 

[reorika]

не могу вставить видео с Youtube. Переменовал фаил конфигурации. функционал увеличился, но видео нет

[reorika]

вставляю через iframe 

[molodoi]

В 23.12.2015 в 07:12, shoputils сказал:

Для замены редактора на полный достаточно переименовать файл admin\view\javascript\ckeditor\config.js_ в config.js

 

а файл который был изначально (config.js) удалить просто?

[Paint]

В 26.02.2017 в 19:25, Tom сказал:

Ошибся видимо при загрузке архивов.Пока скрыл.Будет время разберусь.

Извините, не появилась ли минутка посмотреть что не так было?

[Tom]

Нет.

[ergil]

У меня какие-то странные проблемы с ckeditor на ocStore-2.3.0.2.1 
Меняю настройки в admin/view/javascript/ckeditor/config.js - нет реакции от ckeditor. Уже и так и сяк пробовал. Иногда через некоторое время какие-то настройки подхватываются. Пробовал менять скин на office2003 (такой скин вроде есть в поставке) выдает ошибку в skin.js - creditor не отображается. Меняю скин на другой - никакой реакции от ckeditor. Обновлял даже модификаторы тыщу раз, ходя они тут совсем не причем. Залил пустой конфиг - начал с установки скина - ни фига не работает!

CKEDITOR.editorConfig = function( config ) {
	// Define changes to default configuration here. For example:
	// config.language = 'fr';
	// config.uiColor = '#AADC6E';
	config.skin = 'office2003';
	
	config.toolbar = 'Full';

};

Может кто пример рабочего конфига выложить?

Змінено 7 квітня 2017 користувачем ergil

[denzte]

как редактор CKEditor запустить на Opencart 2.3 7 

Спасибо.

[ReManager]

В 23.12.2015 в 00:51, Tom сказал:

Я уже писал в Ocstore можно включить или то или другое,если сторонние модули не имеют адаптацию,то будет в них именно только самернот.

А как адаптировать свое маленькое дополнение под CKEditor? Простой модификатор сделан по простому принципу: добавляется почти полный клон блока Описания товара/категории. НО у стандартного описания товара/категории есть CKEditor, а у добавляемого доп.описания его НЕТ.. Сегодня потребовалось одному пользователю это... А я вообще не понимаю что да как.. Помогите, пожалуйста..

[Tom]

С чем помочь? Исправить дополнение?

[bbk37]

Уважаемые пользователи! Пост создан 22 Декабря 2015. А сегодня 11.07.2017 и все работает на 100% на десятках моих сайтов, не зависимо от версии движка. ТОМу +100 Баллов за помощь в данном функционале. 

[ReManager]

9 часов назад, Tom сказал:

С чем помочь? Исправить дополнение?

Честно? Да, было бы не плохо. Оно у  меня простое и я был бы искренне благодарен за новые знания. Либо просто хотя бы подсказать где смотреть примеры адаптации текстового поля textarea под CKEditor, вот я прям вообще не понимаю  в этом ничего. Как бы вообще логика у меня такая - если я тупо скопировал по примеру, в котором работает этот редактор, то он должен работать и тут. Но что-то мне подсказывает, что надо где-то ещё вносить правки...

[Tom]

Для 2.1 откройте эти файлы (если у вас два-в-одном и для категорий и для товаров)
admin\view\template\catalog\product_form.tpl

admin\view\template\catalog\category_form.tpl

пролистайте файлик до начала всех скриптов.....

В карточке товара

  <script type="text/javascript"><!--
<?php foreach ($languages as $language) { ?>
<?php if ($ckeditor) { ?>
ckeditorInit('input-description<?php echo $language['language_id']; ?>', '<?php echo $token; ?>');
<?php } else { ?>
$('#input-description<?php echo $language['language_id']; ?>').summernote({height: 300, lang:'<?php echo $lang; ?>'});
<?php } ?>
<?php } ?>
//--></script>

В карточке категории

  <script type="text/javascript"><!--
<?php foreach ($languages as $language) { ?>
<?php if ($ckeditor) { ?>
ckeditorInit('input-description<?php echo $language['language_id']; ?>', '<?php echo $token; ?>');
<?php } else { ?>
$('#input-description<?php echo $language['language_id']; ?>').summernote({
    height: 300,
    lang:'<?php echo $lang; ?>'
});
<?php } ?>
<?php } ?>
//--></script> 

в 2,3 соответственно

  <script type="text/javascript"><!--
    <?php if ($ckeditor) { ?>
      <?php foreach ($languages as $language) { ?>
        ckeditorInit('input-description<?php echo $language['language_id']; ?>', getURLVar('token'));
      <?php } ?>
    <?php } ?>
   //--></script>

  <script type="text/javascript"><!--
  <?php if ($ckeditor) { ?>
    <?php foreach ($languages as $language) { ?>
        ckeditorInit('input-description<?php echo $language['language_id']; ?>', getURLVar('token'));
    <?php } ?>
  <?php } ?>
  //--></script>

Я думаю здесь сразу бросится в глаза,что это подключение к ckeditor или саммернот  по ID ( input-description ) текстового поля описания.

[Paint]

В 07.04.2017 в 10:31, ergil сказал:

У меня какие-то странные проблемы с ckeditor на ocStore-2.3.0.2.1 
Меняю настройки в admin/view/javascript/ckeditor/config.js - нет реакции от ckeditor.

Аналогичная ситуация с ocStore-2.3.0.2.3. Ничего не меняется, ошибок нет, просто ничего не меняется. Обновлял всё: кеш системы, модификаторы, кеш браузера. Ноль реакции.

[Paint]

В 02.11.2016 в 01:04, shoputils сказал:

Про полную версию напомню еще раз:

Для замены редактора на полный достаточно переименовать файл admin\view\javascript\ckeditor\config.js_ в config.js

Не работает это.

Что делать с файлом config.js который уже есть в сборке в этой папке. И в ocStore 2.1.0.2.1 и в 2.3.0.2.3.

Содержимое файла config.js_

Спойлер

/**
 * @license Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
 * For licensing, see LICENSE.md or http://ckeditor.com/license
 */

CKEDITOR.editorConfig = function( config ) {
    // Define changes to default configuration here. For example:
    // config.language = 'fr';
    // config.uiColor = '#AADC6E';
};

Содержимое файла config.js

Спойлер

/*
Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or http://ckeditor.com/license
*/

CKEDITOR.editorConfig = function( config )
{
    // Define changes to default configuration here. For example:
    // config.language = 'fr';
    // config.uiColor = '#AADC6E';
    /*
    config.filebrowserBrowseUrl = 'index.php?route=common/filemanager';
    config.filebrowserImageBrowseUrl = 'index.php?route=common/filemanager';
    config.filebrowserFlashBrowseUrl = 'index.php?route=common/filemanager';
    config.filebrowserUploadUrl = 'index.php?route=common/filemanager';
    config.filebrowserImageUploadUrl = 'index.php?route=common/filemanager';
    config.filebrowserFlashUploadUrl = 'index.php?route=common/filemanager';        
    */
    
    config.filebrowserWindowWidth = '800';
    config.filebrowserWindowHeight = '500';

    config.resize_enabled = false;
    
    config.htmlEncodeOutput = false;
    config.entities = false;
    
    config.toolbar = 'Custom';

    config.toolbar_Custom = [
        ['Source'],
        ['Maximize'],
        ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
        ['NumberedList','BulletedList','-','Outdent','Indent'],
        ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
        ['SpecialChar'],
        '/',
        ['Undo','Redo'],
        ['Font','FontSize'],
        ['TextColor','BGColor'],
        ['Link','Unlink','Anchor'],
        ['Image','Table','HorizontalRule']
    ];
    
    config.toolbar_Full = [
        ['Source','-','Save','NewPage','Preview','-','Templates'],
        ['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'SpellChecker', 'Scayt'],
        ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
        ['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField'],
        '/',
        ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
        ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
        ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
        ['Link','Unlink','Anchor'],
        ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
        '/',
        ['Styles','Format','Font','FontSize'],
        ['TextColor','BGColor'],
        ['Maximize', 'ShowBlocks','-','About']
    ];

};

 

Змінено 12 серпня 2017 користувачем Paint

[Tom]

Всё это работает.Файл config.js можно сохранить и удалить, config.js_  переименовать убрав нижнее подчёркивание.

Потом усиленно жмём ctrl+F5....

[storer]

В 23.12.2015 в 06:44, Tom сказал:

Для Ocstore 2.1.0.1 (и выше)
 
Система-Настройки , вкладка Сервер находим
 

Визуальный редактор по умолчанию 

меняем на "ckeditor"

 
В файле

 
admin\view\javascript\ckeditor\config.js

 

находим строку 28

config.toolbar = 'Custom';

меняем на 

config.toolbar = 'Full';

этим самым мы заменяем редактор на полный.....

 

По ссылке  

 

http://ckeditor.com/addons/skins/all

 

скачиваем понравившийся скин,заливаем в папку admin\view\javascript\ckeditor\skins

 

распаковываем архив и заливаем папку скаченного скина.

 

В том же файле конфигураций  admin\view\javascript\ckeditor\config.js дописываем после

 config.toolbar = 'Full';

config.skin = 'название скаченной папки';

например 

config.skin = 'office2013';
config.skin = 'moono-dark';
итд.

Я ещё рекомендую в самом верху значение (23 строка)

config.resize_enabled = false;

сменить на

config.resize_enabled = true;

это добавит фишку с возможностью растягивать редактор по высоте мышкой.

Сделал все точно, как написано - не заработало.

 

В 01.11.2016 в 18:09, zhenya2501 сказал:

Всем привет. Сейчас у меня стоит ocStore 2.1.0.2.1

Как раз выбрал CKeditor, но там базовая версия. В общем зашел на оф. сайт, создал сборку (понадобавлял еще туда всяких модулей, плагинов), но заменив папку на скаченный на то что было, перестал загружаться..в общем скинул файлик из сборки и редактор заработал. Сейчас у меня вот так выглядит.

В общем кто хочет такой же - пишите, скину рабочую версию и последнюю самую - 4.5.11 

Попробовал этот вариант - не заработало. Какой файлик то скинули?