CKEditor 4.19 Расширенный + Автосохранение + Возможность загрузки произвольных типов файлов
CKEditor – популярный WYSIWYG HTML редактор, часто используется в CMS Opencart взамен стандартного Summernote.
Гибкий, функциональный, расширяемый с помощью плагинов, проверенный временем.
Дополнение позволяет заменить стандартный и не удобный редактор Summernote.
Возможности редактора ckeditor вы можете увидеть открыв демо-сайт по ссылке:
http://e95105iv.beget.tech/admin
login: demo
pass: demo
Кроме стандартных плагинов, входящих в full-пакет, добавлены:
- автосохранение (позволит вам не потерять данные при “вылете” из административной панели или случайной перезагрузке страницы. Выполняется раз в 30 секунд. Работает на основе LocalStorage. Запись данных в БД сайта происходит лишь только после вашего сохранения);
- CodeMirror (подсветка синтаксиса)
- шрифт Font Awesome
- автоссылки (автоматически делает вставляемый текст-ссылку настоящей ссылкой);
- подсчет слов;
- Keep TextSelection (сохраняет выделение текста при переключениях между WYSIWYG-режимом и режимом кода)
- вставка видео с Youtube
Дополнение использует свой файловый менеджер (ФМ) созданный на основе стандартного ФМ Opencart’а.
Если вам нужно интегрировать в ckeditor какой-то иной файловый менеджер – эта услуга выполняется за отдельную плату, если у вас есть дополнения модифицирующие стандартный файловый менеджер и вы хотите чтобы они поддерживались, то эта работа тоже выполняется за отдельную плату.
Особенности файлового менеджера:
- мультизагрузка изображений
- “хлебные крошки” для удобства перемещения по папкам;
- запоминание последней папки;
- транслитерация русских имен файлов;
- замена некорректных символов в именах файлов;
- возможность включить загрузку и вставку в описание иных типов файлов (не только изображений), указанных в настройках магазина;
- начиная с версии 1.7 добавлена возможность заменить стандартный файловый менеджер по всей системе;
Дополнение не заменяет никаких файлов в системе, если вы выполняете установку дополнения поверх уже существующего редактора ckeditor, рекомендую папку с текущий редактором переименовать. Если у вас установлено много модификаторов/дополнений или есть подозрения в качестве кода сайта, то желательно сделать бекап папки с модифицированными файлами (modification).
Установка дополнения (начиная с [b]версии v.1.6):[/b]
1) Скачиваем архив;
2) Устанавливаем с помощью стандартного установщика Модули/Расширения -> Установка расширений;
3) Обновляем кэш модификаторов;
4) Переходим в раздел настройки прав для групп пользователей, выставляем права для extension/cke_filemanager и extension/module/ckeditor. Для версий ниже 2.3 еще и на module/ckeditor.
5) Переходим в раздел Дополнений активируем дополнение и сохраняем настройки;
6) Обновляем кэш шаблонизатора и браузера;
7) Открываем на редактирование Товар/Категорию/Статью и убеждаемся что редактор появляется. Затем пытаемся вставить картинку в описание, если все проходит успешно – наслаждаемся жизнью, если нет, сообщаем о проблеме и я вам ее помогу решить в рамках поддержки.
В случае проблем при установке, либо в работе редактора пишем в личные сообщения или можете оставить свое сообщение на форуме.
Известные проблемы:
– если во время сохранения текст, введенный в ckeditor не сохраняется, то необходимо перед отправкой формы выполнить код:
for (instance in CKEDITOR.instances) { CKEDITOR.instances[instance].updateElement(); }
Этот код обновляет содержимое элементов с которыми связан ckeditor. Добавьте его в нужное место в логике.
– для CMS Opencart версии 2.3 в случае ошибки “FTP должен быть включен в настройках” ставим модификатор localcopy_ftp_fix.ocmod.xml и затем повторно пытаемся установить редактор;
– для владельцев шаблона Journal 3 в файле admin/view/javascript/ckeditor/plugins/autosave/plugin.js необходимо закомментировать строку 42 и раскомментировать строку 43 (не актуально начиная с версии 1.7);
– если окно файлового менеджера оказывается “внизу”, то нужно в файле admin/view/stylesheet/sass/bootstrap/_variables.scss в строчке 285 исправить
$zindex-modal: 1050 !default;
на
$zindex-modal: 10500 !default;
и обновить кеш saas http://i.imgur.com/piMhGVU.png;
Отдельно стоит сказать о тегах <script>, которые пользователи усердно пытаются вставить в описание.
Тегов <script> в описании быть не должно, в некоторых случаях они ломают работу ckeditor! Добавляйте эти теги в шаблоны.
Leave a reply
You must login or register to add a new comment .