Внешний вид визуального редактора 3.4.7 - Дизайн и модификация Invision Power Board

Я изменяю внешний вид визуального редактора 3.4.7, но малая часть кода находится в ipb_ckeditor.css, а остальная находится в /public/js/3rd_party/ckeditor - contents.css, /public/js/3rd_party/ckeditor/skins/ips - editor.css и dialog.css

Как известно, разработчики шаблонов используют {style_images_url}/new_editor.css, но редакторы их недоработанные, всегда выпадающее меню на белом фоне, и использовать чужой код неправильно.

Подскажите, как обыграть этот вариант, чтоб не потерять внешний вид редактора при обновлении форума?

У меня есть мысль прописать в {style_images_url}/new_editor.css все изменения, что я сделал в contents.css - editor.css и dialog.css (это будет правильное решение)?

 Безымянный.png (19,31К)
Количество загрузок: 27

А в ipb_styles.css задать стили не получится?
Также, как я помню, вроде в шаблоне подгрузки самого редактора можно задать css файл со стилями. Вариант, когда нужно сохранить свой стиль для разных скинов.

Цитата

Да у студий, что создают шаблоны прописано {style_images_url}/new_editor.css. Я правильно понимаю, изменения которые я сделал могу перенести в свой css?

И ничего вырезать не нужно в contents.css - editor.css и dialog.css?

А где именно это прописанно?
Очевидно что не нужно, если он предопределяет или заменяет стили этих файлов.

в Редактор сообщений --> editorLoadJs


вписуют

CKEDITOR.config.contentsCss = '{style_images_url}/new_editor.css';

Получилось изменить цвет панели, но не всплывающих окнах.

Я добавил в editorLoadJs

 CKEDITOR.config.contentsCss  = '{style_images_url}/editor/contents.css';

но естественно перетащил contents.css

А как быть с этими содержимыми?
/public/js/3rd_party/ckeditor/skins/ips - editor.css и dialog.css
Как их тоже вписать

Настройка в редакторе CKEDITOR.config.contentsCss заменяет только подключаемый по умолчанию в ифрейме файл /public/js/3rd_party/ckeditor/contents.css. Остальные файлы - editor.css и dialog.css подключаются как обычно.
У редактора есть два ифрейма:

• один - тело редактора;
  
• второй - выпадающие меню размера и имя шрифта (всплывающие окна).

Остальная часть редактора находится в родительской странице.

Из всего вышесказанного следует что:

• если нужно изменить внешний вид тело редактора (ифреймов), подключаем свой кастомный файл со стилями через CKEDITOR.config.contentsCss, который заменяет подключения дефолтного файла contents.css;
  
• если нужно изменить внешний вид панели редактора, правим стили через ipb_ckeditor.css.

Отвечая на вопросы:
- Нужно ли перетащить содержимое из contents.css если в редакторе добавляем настройку с файлом где находятся наши стили?
- Да, наверное нужно.

- А как быть с содержимом этих файлов - editor.css и dialog.css и правками которые в них вносились?
- Эти файлы подключаются как обычно, а их стили можно переопределить через ipb_ckeditor.css (стили editor.css возможно также потребуется переопределить через наш кастомный файл).

Спасибо за ответ

Цитата

Это сделал вчера, все хорошо получилось, а вот распределить editor.css и dialog.css не получается, первым делом делал, как Вы советовали. Вносил изменения в свой файл, вписывал в ipb_styles.css, ipb_ckeditor.css, ipb_editor.css Результата не дало.

Атаман сказал(а):

Значения свойств, которые переопределяются в ipb_ckeditor.css, записываются с !important

Атаман сказал(а):

А куда дальше?

Можно скопировать файл \public\js\3rd_party\ckeditor\ips_config.js, в шаблоне указать этот новый файл, а далее уже поменять расположение кнопок, указать новый стиль, и т.д. и т.п.

Цитата

Спасибо за идею, получилось с приоритетом.)