Проблема с CKEditor внутри модального всплывающего окна ColorBox - PullRequest
Новая
       31

Проблема с CKEditor внутри модального всплывающего окна ColorBox

4 голосов
/ 21 марта 2011

Пожалуйста, кто-нибудь может мне помочь.У меня есть HTML-страница, на которой я добавил модальное всплывающее окно из ColorBox.Во всплывающем окне ColorBox я добавил CKEditor.Проблема заключается в следующем:

В IE CKEditor работает нормально, но в FF & Chrome я получаю CKEditor как в режиме только для чтения (я ничего не могу набрать в нем).Если я помещаю CKEditor непосредственно на страницу (а не в модальное всплывающее окно), он отлично работает во всех браузерах.

Я думаю, что это может быть проблема с z-index на одном из элементов, сгенерированных CKEditor.Но я не знаю, какой именно?

Буду очень признателен за помощь, пожалуйста, заранее!

Ответы [ 4 ]

1 голос
/ 23 октября 2012 
<script>
  $(document).ready(function() {
    initCKEditor(); //function ckeditor.
    $("#id_textarea").val(CKEDITOR.instances.id_textarea.getData());
  });
</script>
1 голос
/ 11 мая 2011

Мы решили нашу проблему, переключив лайтбоксы, вместо того, чтобы использовать ColorBox, используя Simple Modal.У меня странное чувство, что это сработает для тебя.Удачи!

0 голосов
/ 11 июля 2013

После некоторой отладки я обнаружил, что это из-за правила CSS.

В скине с именем kama вам нужно изменить следующее правило CSS в mainui.css с: 

.cke_skin_kama .cke_browser_ie.cke_browser_quirks .cke_contents iframe
{
    position: absolute;
    top: 0;
}

Кому: 

.cke_skin_kama .cke_browser_ie.cke_browser_quirks .cke_contents iframe
{
    top: 0;
}

В зависимости от настроек может потребоваться изменить его на skins/kama/editor.css

Однако я рекомендую обновить его до более новой версии ckeditor.Я нашел эту проблему в версии 3.6.2.

0 голосов
/ 15 мая 2012

Визуализация / создание ckeditor на colorbox "onComplete" обратный вызов.

См. Обратные вызовы здесь: http://www.jacklmoore.com/colorbox

...