Полный функционал редактора в OpenCart

Полный функционал редактора в OpenCart
Полный функционал редактора в OpenCart

В последних версиях OpenCart-ов, хотя даже во всех версиях функционал визуального редактора бывает частично урезан. Т. е не все функции визуального редактора доступны, к примеру такие как рисование таблицы, визуальное изменение размеров изображения и так далее. Чтобы вернуть полный функционал нужно всего пару минут и прямые руки.

В OpenCart-е стоит визуальный редактор CKEditor, довольно таки мощный и функциональный. Сама директория визуального редактора находится по адресу:

admin/view/javascript/ckeditor

по желанию можете зайти на официальный сайт редактора и скачать последнюю версию, но об этом чуть позже.

Теперь подключаемся к сайту через FTP-клиент (не важно какой именно) переходим по директории:

admin/view/template/catalog/

и открываем файл:

product_form.tpl — чтобы включить полный функционал в редакторе товаров

category_form.tpl — чтобы включить полный функционал в редакторе описании категорий

и находим в этих обоих файлах следующую строку:

<script type="text/javascript" src="view/javascript/ckeditor/ckeditor.js"></script>

и после него вставляем код:

toolbar : 'Full',

должно получиться примерно так:

<script type="text/javascript"><!--
<?php foreach ($languages as $language) { ?>
CKEDITOR.replace('description<?php echo $language['language_id']; ?>', {
        toolbar : 'Full',
        filebrowserBrowseUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
        filebrowserImageBrowseUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
        filebrowserFlashBrowseUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
        filebrowserUploadUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
        filebrowserImageUploadUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
        filebrowserFlashUploadUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>'
});
<?php } ?>
//--></script>

и все! Теперь у вас на сайте полный функционал визуального редактора.

Тюнинг редактора CKEditor

Если вы хотите еще функционала для своего редактора, запасаемся немного терпения и переходим на официальный сайт редактора  и начинаем по кусочкам собирать для себя индивидуальный редактор.

Переходим в раздел Add-ons — Plugins и выбираем для себя необходимые плагины, так же можно выбрать и тему для редактора.

К каждому плагину имеется описание на английском, но вы можете с помощью переводчика переводит. Нашли нужный плагин, нажимаем Add to my editor (добавить в мой редактор).

С правой стороны можете понаблюдать содержимое будущего редактора

CKBuilder

CKBuilder

Заранее выбираем Full Preset, нажимаем на выпадающий список Standart Preset и выбираем полный функционал.

После того как добавили все необходимые плагины и выбрали тему нажимаем на красную кнопку Build my editor.

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

Как мы говорили выше переходим по директории где лежит папка редактора:

admin/view/javascript/ckeditor

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

Теперь по FTP загружаем к себе саму папку редактора, можно загрузить сам архив и распаковать на сервере а можно и распакованную загрузить как вам удобнее так и делайте. После того как загрузили переходим в режим редактирования товара или категории очищаем кэш и обновляем страницу, Вуаля наш супер крутой редактор готов к работе.

P.S Если возникли какие-нибудь проблемы с редактором можете смело заново на официальном сайте собирать новый редактор, но стоит одно понимать особо не увлекайтесь с выбором плагинов а то возможны косяки и страница где лежит редактор будет долго долго грузиться. Выбирайте только то что нужно вам.

Надеюсь моя статья оказалось Вам полезной, поделитесь с друзьями раскройте им тоже секрет полного функционала. Если возникнуть вопросы напишите в комментариях.

Читайте также:

комментариев 8

  1. Очень толково все расписано, спасибо автору, как раз делаем интернет-магазин на OC.

  2. Алекс:

    А зачем все так сложно делать?
    заходиш в admin/view/javascript/ckeditor/config.js
    28 строка
    config.toolbar = ‘Custom’;
    и меняеш на
    config.toolbar = ‘Full’;
    и всех делов

    • Это статья не только о том как включить полный функционал. На оф.сайте можно собрать любой редактор по желанию добавив огромное количество функционала которое нет даже в config.toolbar = ‘Full’;. Цель статьи было донести как можно собрать и подключить к сайту

    • Иван:

      Сделал так, но ни чего не произошло( полная версия редактора не появилась.. что можно еще сделать?

  3. Сергей:

    А для версии 2031 как такое сделать? у меня нету файла ckeditor по указаному выше пути.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.