ckeditor как включить скин ?

[oleksij]

Версия ocStore 2.3.0.2.3

 

По умолчанию стоит встроенный CKEditor 4.5.5 (revision b34ea4d)

Как мы знаем можно включить config.toolbar = 'Full';

 

Вопрос, как подключить скин, например office2003

 

Пробую после

CKEDITOR.editorConfig = function( config ) {

добавить

config.skin = 'office2013';

 

Редактор вообще пропадает полностью и никакие чистки кеша cms и браузера не помогают

 

Кто то пробовал ?

[Tom]

8 минут назад, oleksij сказал:

Кто то пробовал ?

Все.

Особенно те, кто догадался предварительно этот скин скачать и залить в редактор.

https://opencartforum.com/topic/63696-modifikatory-dlya-shablona-unishop/?do=findComment&comment=1490377

 

[oleksij]

@Tom так всё вроде есть по умолчанию

 

admin/view/javascript/ckeditor/skins/office2003/
images\dialog_sides.gif mini.gif dialog_sides.png dialog_sides_rtl.png noimage.png sprites.png sprites_ie6.png
dialog.css
editor.css
templates.css
skin.js
icons.png
icons_rtl.png

 

Ставил то, что по Вашей ссылке 4.4.0 (хоть она и старее), но он почему то начал отображаться в полях настроек шаблона, и поламал мне все мои каракули

 

 

Змінено 17 жовтня 2020 користувачем oleksij

[Tom]

В Ocstore по-умолчанию стоит вообще древний редактор.

Здесь описание как перевести его в полную версию
https://opencartforum.com/topic/54926-resheno-vizualnyy-redaktor-ckeditor-ocstore-2101/?do=findComment&comment=486304

 

Скачиваем архив со скином здесь:
https://ckeditor.com/cke4/addon/office2013

 

Подключаем скин в файле :

admin\view\javascript\ckeditor\config.js

 

После изменённой строки 

config.toolbar = 'Full'; (было config.toolbar = 'Custom';)

Добавляем:

config.skin = 'office2013';

 

Сохраняем и жмём в админке ctrl+F5.

http://joxi.ru/1A5J1EXHGoklXr

 

[oleksij]

@Tom спасибо, обязательно попробую

 

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

В Ocstore по-умолчанию стоит вообще древний редактор.

 

Странно, у меня по умолчанию так показывает

 

[Tom]

Это плагин самого ckeditor. Называется по-моему "about".

Видимо скачали в конструкторе Full версию, в которой всё в кучу, что надо и что не надо.

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

 

[oleksij]

Странно всё работает, я уже код нормально вставить не могу,  если этих инструментов в сборке нет

Пишу так, просто пример

<div class="home_block hidden-xs">
<div class="image "><i class="fa fa-check-square-o fa-3x"></i></div>
<div class="text"><a class="popup_html_content" href="garantiya"><span>Гарантия</span></a></div>
</div>

после сохранение оставляет только

<div>
<div> </div>

<div><a class="popup_html_content" href="garantiya">Гарантия</a></div>
</div>

 

Змінено 17 жовтня 2020 користувачем oleksij

[Tom]

По моей ссылке, мной собранный редактор без этих болячек. Цифры версий это для фриков и яблочников.

 

 

Спойлер

 

[oleksij]

Я поставил собраный Вами редактор, и вот результат

 

ДО в админке

 

после в админке все значки уменьшились

 

ДО на сайте

код до

Спойлер

<h2 style="text-align: center;"><span style="font-size: 33pt;">Холодильне обладнання б/в</span></h2>
<table class="hidden-xs" style="width: 100%;">
<tbody>
<tr>
<td style="width: 33,3%;">
<div class="home_block hidden-xs"><a class="popup_html_content" href="yak-dostavlyayemo">
<div class="image "><i class="fa fa-paper-plane-o"></i></div>
<div class="text"><span>Безкоштовна <br />доставка<span style="color: #ff0000;">*</span></span></div>
</a></div>
</td>
<td style="width: 33%;">
<div class="home_block hidden-xs"><a class="popup_html_content" href="garantiya">
<div class="image "><i class="fa fa-check-square-o"></i></div>
<div class="text"><span>Гарантія</span></div>
</a></div>
</td>
<td style="width: 33%;">
<div class="home_block hidden-xs"><a class="popup_html_content" href="chomu-v-nas-krashe">
<div class="image "><i class="fa fa-usd"></i></div>
<div class="text"><span>Краща ціна <br />на ринку</span></div>
</a></div>
</td>
</tr>
</tbody>
</table>

 

 

после сохранения кода на сайте

 

код после сохранения

Спойлер

<h2 style="text-align: center;"><span style="font-size: 33pt;">Холодильне обладнання б/в</span></h2>

<table class="hidden-xs" style="width: 100%;">
    <tbody>
        <tr>
            <td style="width: 33,3%;">
            <div class="home_block hidden-xs">
            <div class="image "><a class="popup_html_content" href="yak-dostavlyayemo"><i class="fa fa-paper-plane-o"></i></a></div>

            <div class="text"><a class="popup_html_content" href="yak-dostavlyayemo"><span>Безкоштовна<br />
            доставка<span style="color: #ff0000;">*</span></span></a></div>
            </div>
            </td>
            <td style="width: 33%;">
            <div class="home_block hidden-xs">
            <div class="image "><a class="popup_html_content" href="garantiya"><i class="fa fa-check-square-o"></i></a></div>

            <div class="text"><a class="popup_html_content" href="garantiya"><span>Гарантія</span></a></div>
            </div>
            </td>
            <td style="width: 33%;">
            <div class="home_block hidden-xs">
            <div class="image "><a class="popup_html_content" href="chomu-v-nas-krashe"><i class="fa fa-usd"></i></a></div>

            <div class="text"><a class="popup_html_content" href="chomu-v-nas-krashe"><span>Краща ціна<br />
            на ринку</span></a></div>
            </div>
            </td>
        </tr>
    </tbody>
</table>

 

 

Ну я бы не отчаивался, для менеджера пойдёт, пусть пишет

 

Но после обновления, редактор встраивается в настройки шаблона, а мне он там с такими фокусами не нужен

 

Вот как его оттуда убрать, если он так себя ведёт

[Tom]

Иконки эти, тот же шрифт и задать им размер не большая проблема.

Ну и использовать табличную вёрстку, с указанием фиксированной ширины , не кошерно.

Таблица как минимум должна быть респонзив. 

Но ещё более верно , верстать на дивах с использованием стандартных классов бутстрап  "  col  ".

https://getbootstrap.com/docs/4.0/layout/grid/

[oleksij]

@Tom суть не в коде который я написал, написал для примера, что бы показать, что редактор типа умный, иконки на сайте - до, "живые", после уже нет, так как редактор поменял код по своему усмотрению

 

вот парочка дивов до

<div class="home_block hidden-xs"><a class="popup_html_content" href="garantiya">
<div class="image "><i class="fa fa-check-square-o"></i></div>
<div class="text"><span>Гарантія</span></div>
</a></div>

после

<div class="home_block hidden-xs">
<div class="image "><a class="popup_html_content" href="garantiya"><i class="fa fa-check-square-o"></i></a></div>

<div class="text"><a class="popup_html_content" href="garantiya"><span>Гарантія</span></a></div>
</div>

Самодеятельность ?

 

Иконки в админке, меняют размер только при переходе в настройку шаблона, странно, в остальном меню админки иконки такие как были

 

Даже если убрать его из шаблона, думаю есть решение. Но вдруг в магазине надо будет товар описать не стандартным кодом. И что ? Меня редактор опять будет учить как писать?

 

Ну ладно, спасибо за подсказки

 

[Tom]

Это вопрос не к редактору. А к шаблону.

 

[oleksij]

А что с шаблоном может быть не так.

Редактор который стоит по умолчанию, (Full) в шаблон не встраивается и размер самописных (не шаблон) иконок в хидере не меняет

К стати иконки в хидере меняет только Ваш вариант, тот что собрал сам, не меняет их размер

 

А код изменяет, что старый, что новый, как в шаблоне так и в товарах

 

Если есть решение как его убрать его из шаблона ?

 

Если нет, на этом пока спасибо. Буду думу думать.

Спасибо за поддержку

[Tom]

У вас же вашей вёрстке есть уже все что нужно. Я имею ввиду классы для каждого элемента. Да плевать, как все это отображает редактор. Накидайте минимум стилей, css. Если в шаблоне есть возможность вставить эти самые кастомных стили в панели управления шаблоном, то ещё проще. И потом лепите себе , что и как угодно.

Вы создали себе проблему, там где ее нет.

Вчера только общался с покупателем шаблона. Он пишет, что после обновления, что то не то стало с описаниями товаров.

Полез разбираться.... Человек наполняет сайт копипастом, а этот способ с собой забирает не только текст а и все стили с сайта донора.

Решение очистить это самое описание , в том количестве товаров, которое уже было заполнено, было весьма проблематичным.

Ну и решилось все написанием своих стилей, для шрифтов , картинок и видео , в описаниях товара. Буквально 15-20 строк.

Поэтому и вам пора завязывать таскать туда сюда этот бедный редактор. Он не при чем.

[oleksij]

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

Я имею ввиду классы для каждого элемента.

ему плевать на классы, он просто меняет код,

 

https://ckeditor.com/docs/ckeditor4/latest/guide/dev_acf.html

Allow everything (disable ACF)

config.allowedContent = true;

 

Но реакции нет, ему по барабану что true что false

Вух, надо иди отдыхать. может после выходных что то получиться