ckeditor скины

[zxcoikio]

На других скинах кнопки : цитаты, кода без картинки.

Как скин правильно поставить?

[Mano]

zxcoikio не знаю, они все там кривые, как мне кажется) перепробовал массу скинов, в каждом какой-то глюк/баг

[Desti]

Это обычный CSS, что там может быть особо сложного?

[Exception]

12 минут назад, Desti сказал:

Это обычный CSS, что там может быть особо сложного?

вообще не пользуюсь скинами для него, легче написать все самому на css, при помощи jquery можно еще и иконки сменить на font.awesome

[Desti]

1 час назад, zxcoikio сказал:

Как скин правильно поставить?

на версию 2.3?

[SlawkA]

у меня стоит такой скин, KAMA, с версии 4.1

Спойлер

и прекрасно работает на 4.6

и причем на всех других стилях, темных, светлых

[zxcoikio]

20 минут назад, SlawkA сказал:

у меня стоит такой скин, KAMA, с версии 4.1

  Скрыть контент

и прекрасно работает на 4.6

и причем на всех других стилях, темных, светлых

на скрине "прекрасно" не работает

[Desti]

на дефолтной теме?

[SlawkA]

на всех моих стилях работает

Спойлер

 

[by_ix]

4 минуты назад, Desti сказал:

на дефолтной теме?

он говорит, скорее всего, про кнопки шрифта и размера текста, у которых нет фона и на деф шаблоне в "moono" скрине.

@zxcoikio поставь в настройках редактора в шаблоне скин "стандартная тема редактора".
он и тут стоит.
и только у него нормальное отображение, а иначе вручную редачить всё, если в инете не завалялся более симпатичный скин.

[Exception]

переделал для себя один редактор, времени заняло 20 минут

Спойлер

 

[Exception]

Небольшой лайфхак который я использую для своих редакторов, это свои иконки для каждой кнопки Font Awesome. Не подойдет для новичков думаю.
Удаляем иконки:

.cke_toolbar .cke_button_icon { background: none !important; }

Устанавливаем нужный цвет для будущих иконок:

.cke .cke_reset_all, .cke .cke_reset_all *, .cke .cke_reset_all a, .cke .cke_reset_all textarea {
    color: rgba(255,255,255,1);
    text-shadow: none;
}

Прописываем семейство:

.cke_button_icon:before {
   font: 12px/1 "Font Awesome";
   font-weight: 600;
}

И далее для каждой иконки прописываем код новой иконки:

.cke_button__bold_icon:before{
    content:"\f032"
}

 

Изменено 26 июля, 2021 пользователем ZIKURIK