Jump to content

Цвет ckeditor

iDreaMs
iDreaMs
in Themes and design Invision Community 4

Featured Replies

Posted
comment_187265

Доброго дня всем, подскажите как можно изменить цвет ckeditor если есть 2 стиля в 1 теме (светлый/тёмный)

image.png.c49ea65310717b1ebe6408578428750a.png

image.png.bad4faeedf19073c687bfe1624cf685a.png

Реально ли сделать так чтобы при переключении темы на тёмный - ckeditor также менял свой цвет

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/24942-cvet-ckeditor/
    Share on other sites
    comment_187267
    19 минут назад, iDreaMs сказал:

    Реально ли сделать так чтобы при переключении темы на тёмный - ckeditor также менял свой цвет

    обратиться к разработчику темы и попросить сделать изменение стиля редактора вместе с изменением стиля на светлый\темный
    в принципе можно и самому сделать при помощи js отловить событие смены и подгрузить css темного редактора

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/24942-cvet-ckeditor/?&do=findComment&comment=187267
    Share on other sites
    comment_187269

    или поставить другой скин для каждого стиля разный.

    я себе поставил скин kama. прекрасно работает на любых стилях, и любых цветов стилей.

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/24942-cvet-ckeditor/?&do=findComment&comment=187269
    Share on other sites
    • Author
    comment_187270
    2 минуты назад, SlawkA сказал:

    или поставить другой скин для каждого стиля разный.

    я себе поставил скин kama. прекрасно работает на любых стилях, и любых цветов стилей.

    Дело в том что тема 1, скин для ckeditor ставится 1
    В самой теме просто переключение цвета [Dark / Light] Fluent Design Theme Edition (как был  на твоём форуме :-D)

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/24942-cvet-ckeditor/?&do=findComment&comment=187270
    Share on other sites
    comment_187271
    2 минуты назад, iDreaMs сказал:

    Дело в том что тема 1, скин для ckeditor ставится 1

    ну я и написал про кама. который работает на любых стилях и любого цвета стилях

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/24942-cvet-ckeditor/?&do=findComment&comment=187271
    Share on other sites
    • Author
    comment_187272
    6 минут назад, SlawkA сказал:

    ну я и написал про кама. который работает на любых стилях и любого цвета стилях

    Kama:

    image.thumb.png.1e140a2bc096d4730832114dd01f1cd2.png

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/24942-cvet-ckeditor/?&do=findComment&comment=187272
    Share on other sites
    comment_187273
    2 минуты назад, iDreaMs сказал:

    Kama

    ну таки шо не нравится? :bw:

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/24942-cvet-ckeditor/?&do=findComment&comment=187273
    Share on other sites
    • Author
    comment_187274
    3 минуты назад, SlawkA сказал:

    ну таки шо не нравится? :bw:

    Так суть вопроса в том, как сделать чтобы при переключении стиля - скин CKeditor - становился тёмным/светлым в зависимости от включённого стиля

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/24942-cvet-ckeditor/?&do=findComment&comment=187274
    Share on other sites
    comment_187275
    1 минуту назад, iDreaMs сказал:

    Так суть вопроса в том, как сделать чтобы при переключении стиля - скин CKeditor - становился тёмным/светлым в зависимости от включённого стиля

    если стили разные? то есть два стиля? можно поставить на стили разные скины. а если стиль один и в нём два цвета? то я думаю ни как.

    либо ставить.

    для темного стиля можешь поставить moono-dark

     

    Спойлер

    53097518_(47).thumb.png.55b7c5649b03cbd2df3147189dedabbb.png

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/24942-cvet-ckeditor/?&do=findComment&comment=187275
    Share on other sites
    • Author
    comment_187278

    @ZIKURIKСпасибо огромное, помог сделать:
    image.png.5d04bf34a6011cd87e1f47fc43c2feab.png

    image.png.34af147b651124d586092da66218bbc3.png

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/24942-cvet-ckeditor/?&do=findComment&comment=187278
    Share on other sites
    comment_187279
    30 минут назад, iDreaMs сказал:

    @ZIKURIKСпасибо огромное, помог сделать:
    image.png.5d04bf34a6011cd87e1f47fc43c2feab.png

    image.png.34af147b651124d586092da66218bbc3.png

    Решение?

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/24942-cvet-ckeditor/?&do=findComment&comment=187279
    Share on other sites
    • Author
    comment_187285

    В custom.css

    image.png.27b81f5ca1cc3f9352225163e1721b4c.png

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/24942-cvet-ckeditor/?&do=findComment&comment=187285
    Share on other sites
    comment_187286

    автоматом переключается?

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/24942-cvet-ckeditor/?&do=findComment&comment=187286
    Share on other sites
    • Author
    comment_187288
    27 минут назад, grant24 сказал:

    автоматом переключается?

    Да, при смене стиля...

    Edited by iDreaMs

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/24942-cvet-ckeditor/?&do=findComment&comment=187288
    Share on other sites
    comment_187350

    Правильные посоны не используют css filter. По феншую это выглядит вот так в custom.css: 

    .cke_top {
    background: var(--editor-top) !important;
    color: var(--editor-top-text) !important;
}

html.theme--dark {
    --editor-top: #16171d;
    --editor-top-text: #fff;
}

html.theme--light {
    --editor-top: #dadee6;
    --editor-top-text: #757a90;
}

    В globalTemplate для темной темы нужно вставить в тег html: <html class="theme--dark">
    Для светлой: <html class="theme--light">
    Как эту вставку сделать java-скриптом на одной теме, не подскажу.

    PS Идею честно стырил из темы Nexxe.

    Edited by Zero108

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/24942-cvet-ckeditor/?&do=findComment&comment=187350
    Share on other sites

    Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.
    Note: Your post will require moderator approval before it will be visible.

    Guest
    Ответить в этой теме...
    Go to topic listing

    Последние посетители 0

    • No registered users viewing this page.