Как сделать перенаправление для стиля в шаблоне.

[kamensk 91]

Добрый день!

В  файле редактора.  ../engine/editor/css/default.css - внес изменения. Потом понял, что при очередном обновлении файл перезапишется (обновится).  

Как правильно через свой шаблон реализовать аналогичное редактирование?

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

Только я не пойму конкретно что нужно и как прописать в adminpanel.css, чтобы  там переназначить данные свойства CSS editor/css/default.css -  на свои.

В данном случае речь идет о

img.fr-dib {
  margin: 5px auto;
  margin-top: 25px;
  margin-bottom: 15px;
  display: block;
  float: none;
  vertical-align: top;
}

Подскажите пожалуйста - что и как прописать, чтобы данные брались из шаблона.

Что и как правильно нужно прописать в adminpanel.css?

Изменено 6 ноября 2021 пользователем kamensk

[MSK 290]

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

В  файле редактора.  ../engine/editor/css/default.css - внес изменения.

какой смысл менять стили в редактора, если в самой новости на сайте стили другие?

 

Цитата

Для визуального редактора TinyMCE добавлена возможность управлять через шаблоны визуальным оформлением содержимого редактора, при написании публикации или комментариев. Для этого в корне вашего шаблона достаточно разместить файл editor.css с необходимыми вами стилями оформления. Данное нововведение будет полезно для того, чтобы текст, который пишут пользователи был максимально приближен к оформлению контента, который используется в шаблоне. Размещение данного файла в шаблоне необязательно, в случае его отсутствия, будет использовано стандартное оформление контента.

 

Изменено 6 ноября 2021 пользователем MSK

[kamensk 91]

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

какой смысл менять стили в редактора, если в самой новости на сайте стили другие?

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

 margin-top: 25px;
  margin-bottom: 15px;

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

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

Для визуального редактора TinyMCE добавлена возможность

А как быть с редактором с Фроала?

Изменено 6 ноября 2021 пользователем kamensk

[germanydletest 458]

Открываете любой css файл подключенный к шаблону и туда добавляете 

img.fr-dib {
  margin-top: 25px;
  margin-bottom: 15px;
}

и радуетесь жизни

[MSK 290]

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

А как быть с редактором с Фроала?

читать доки и если в двиге этого не сделали (не могу сейчас проверить), то править самому...

new FroalaEditor('.selector', { iframeStyleFiles: ['/path/to/my_cssFile.css', '/path/to/other_cssFile.css'] });

 

[kamensk 91]

germanydletest, MSK,  благодарю за помощь!

55 минут назад, germanydletest сказал:

Открываете любой css файл подключенный к шаблону и туда добавляете 

Действительно проще некуда))

Ну а если, я захочу в отдельный файл стиля вынести стили админки - как  к примеру, файл adminpanel.css  подключить к шаблону? В маин - по примеру прописывать?

<link href="{THEME}/css/engine.css" type="text/css" rel="stylesheet">
	<link href="{THEME}/css/styles.css" type="text/css" rel="stylesheet">

 

16 минут назад, MSK сказал:

читать доки и если в двиге этого не сделали

Данный вопрос решается легко. Но к сожалению в целом в двиге меньше внимания уделено функционалу Флоалу.  Будем надеяться, что в следующих версиях функционал и возможности Флоала будут расширять... мноточие))

Изменено 6 ноября 2021 пользователем kamensk

[MSK 290]

17 минут назад, kamensk сказал:

В маин - по примеру прописывать?

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

[kamensk 91]

Благодарю еще раз за помощь, за нужные и полезные ответы))

Разобрался как подключать свой стиль - дописал в хеад

    <link href="{THEME}/css/adminpanel.css" type="text/css" rel="stylesheet">

 

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

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

Так верно будет?

<link href="{THEME}/css/engine.css" type="text/css" rel="stylesheet">
	<link href="{THEME}/css/styles.css" type="text/css" rel="stylesheet">
    <link href="{THEME}/css/adminpanel.css" type="text/css" rel="stylesheet">
</head>

 

[MSK 290]

29 минут назад, kamensk сказал:

Так верно будет?

Да, при совпадении стилей будут работать те, что в файлах ниже по коду...

Но зачем корректировачные стили от админки снаружи на сайте?

Изменено 6 ноября 2021 пользователем MSK

[kamensk 91]

3 минуты назад, MSK сказал:

Да, при совпадении стилей будут работать те, что в файлах ниже по коду...

Но зачем корректировачные стили от админки снаружи на сайте?

А, понял - это считается плохо подключать кучу стилей в маин?

Правильней будет -  в существующий styles.css код добавить, а не отдельный стиль создавать и подключать в хеаде?

Я дума, что если разгрузить styles.css - будет легче файл и соответсвенно styles.css будет загружаться быстрей.))

[MSK 290]

33 минуты назад, kamensk сказал:

плохо подключать кучу стилей в маин?

плохо - подключать кучу стилей, которые не нужны для отображения этой страницы.

34 минуты назад, kamensk сказал:

.css будет загружаться быстрей.))

нет прямой зависимости, т.к. после первой загрузки они кэшируются в браузере.

[kamensk 91]

Спасибо за предупреждения. Принял к сведению.

Значит можно спокойно всё (что необходимо)  пихать в styles.css.