Контекстное меню в Ckfinder

Я использую ckfinder для ckeditor в asp.net mvc.
Я хочу изменить шрифт контекстного меню в ckfinder, но не могу проверить это в chrome, чтобы найти код css.
Как мне это сделать?


person Majid Basirati    schedule 06.10.2015    source источник
comment
Вы пытались открыть инструменты разработчика во всплывающем окне CKFinder — у него будут отдельные инструменты разработчика, потому что это новое окно.   -  person jodator    schedule 06.10.2015
comment
@jodator: Да, когда я открываю инструменты разработчика во всплывающем окне, контекстное меню закрывается.   -  person Majid Basirati    schedule 06.10.2015


Ответы (1)


Предполагая, что вы используете CKFinder 2.x, вам потребуется просмотреть DOM.

  1. Открыть инструменты разработчика во всплывающем окне
  2. Откройте инспектор DOM (вкладка «Элементы»)
  3. Перейдите к iframe, содержащему содержимое CKFinder.
  4. Свернуть весь div#ckfinder, который находится внутри тела этого iframe
  5. После открытия контекстного меню вы увидите узел ниже div#ckfinder, например: <div class="cke_skin_kama skin_kama cke_compatibility">..</div>

Этот div содержит контекстное меню. Чтобы показать это, просто отключите стиль CSS display: none.

Вам потребуется обновить skins/kama/uipanel.css, чтобы изменить определение .cke_skin_kama .cke_menuitem a.

person jodator    schedule 06.10.2015