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

Перейти к содержимому

 

Правила раздела

Здесь обсуждаются вопросы оформления форумов IPB 3.x.
Пожалуйста, не оффтопьте, если зашли сюда случайно, и обратите внимание на соседние разделы.
Оформление форумов IPB 2.x.
Настройка форумов, включая установку и техническую настройку скинов.
Размещение рекламы на форумах.
SEO оптимизация форума.
Техническая поддержка наших скинов и модов.

СвернутьПрикрепленные теги

css редактора редактор

Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

Внешний вид визуального редактора 3.4.7

#1 Пользователь не на сайте   Атаман ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 061
  • Регистрация: 13-Апрель 12
  • Репутация: 313
  • Откуда:no
  • IPB version:1.x
 

Отправлено 18 Декабрь 2014 - 09:09

Я изменяю внешний вид визуального редактора 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К)
Количество загрузок: 23
0

#2 Пользователь не на сайте   siv1987 ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 8 276
  • Регистрация: 20-Март 09
  • Репутация: 2 078
  • IPB version:3.1.x
 

Отправлено 18 Декабрь 2014 - 12:33

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

#3 Пользователь не на сайте   Атаман ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 061
  • Регистрация: 13-Апрель 12
  • Репутация: 313
  • Откуда:no
  • IPB version:1.x
 

Отправлено 18 Декабрь 2014 - 12:45

Цитата

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


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

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

#4 Пользователь не на сайте   siv1987 ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 8 276
  • Регистрация: 20-Март 09
  • Репутация: 2 078
  • IPB version:3.1.x
 

Отправлено 18 Декабрь 2014 - 12:55

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

#5 Пользователь не на сайте   Атаман ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 061
  • Регистрация: 13-Апрель 12
  • Репутация: 313
  • Откуда:no
  • IPB version:1.x
 

Отправлено 18 Декабрь 2014 - 12:59

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


вписуют

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

#6 Пользователь не на сайте   Атаман ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 061
  • Регистрация: 13-Апрель 12
  • Репутация: 313
  • Откуда:no
  • IPB version:1.x
 

Отправлено 18 Декабрь 2014 - 13:10

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

Я добавил в editorLoadJs
 CKEDITOR.config.contentsCss  = '{style_images_url}/editor/contents.css';


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

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

#7 Пользователь не на сайте   siv1987 ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 8 276
  • Регистрация: 20-Март 09
  • Репутация: 2 078
  • IPB version:3.1.x
 

Отправлено 19 Декабрь 2014 - 02:21

Настройка в редакторе 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 возможно также потребуется переопределить через наш кастомный файл).
1

#8 Пользователь не на сайте   Атаман ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 061
  • Регистрация: 13-Апрель 12
  • Репутация: 313
  • Откуда:no
  • IPB version:1.x
 

Отправлено 19 Декабрь 2014 - 10:01

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

Цитата

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


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

#9 Пользователь не на сайте   newbie ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 166
  • Регистрация: 26-Октябрь 11
  • Репутация: 813
  • IPB version:I have no IPB
 

Отправлено 19 Декабрь 2014 - 13:18

Просмотреть сообщениеАтаман сказал(а):

Это сделал вчера, все хорошо получилось, а вот распределить 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, в шаблоне указать этот новый файл, а далее уже поменять расположение кнопок, указать новый стиль, и т.д. и т.п.
1

#10 Пользователь не на сайте   Атаман ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 061
  • Регистрация: 13-Апрель 12
  • Репутация: 313
  • Откуда:no
  • IPB version:1.x
 

Отправлено 19 Декабрь 2014 - 14:03

Цитата

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

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

Сообщить об этой теме:


Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых


Контактная информация

Вопросы по работе сайта

+7 (917) 501-4765
C 10 до 20 в рабочие дни (время московское)

Техническая поддержка

Контактные данные специалистов

Дизайн форумов

IPB 3.x ¦ IPB 2.x

Бесплатные шаблоны

IPB 3.2 – 3.4 ¦ IPB 3.1 ¦ IPB 3.0 ¦ IPB 2.2 – 2.3 ¦ IPB 2.1 ¦ Клипарт
Лицензия на использование ¦ Ваша поддержка ¦ О проекте
Copyright © 2005-2016 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна