Экземпляр CKEditor в диалоговом окне jQuery
Я использую jQuery для открытия диалогового окна с текстовой областью, преобразованной в экземпляр CKEditor. Я использую адаптер jQuery, обеспеченный командой CKEditor, но когда диалоговое окно открывается, я не могу взаимодействовать с редактором (это создается, но "пустой указатель" записан в довольном пространство, и я ни на что не могу нажать или изменить содержание).
В этом отчете об ошибках, кажется, говорится, что при помощи патча, если проблема устраняется, но это, кажется, не работает на меня...
Вот мой код (возможно, я сделал что-то не так программно):
HTML:
Мой включает (Все включено правильно, но возможно это - включение проблемы порядка?):
JavaScript:
$('#ad_content').ckeditor();
/* snip */
$('#ad_div').dialog(
{
modal: true,
resizable: false,
draggable: false,
position: ['center','center'],
width: 600,
height: 500,
hide: 'slide',
show: 'slide',
closeOnEscape: true,
autoOpen: false
});
$('.analyse_cell').click(function(){
$('#ad_div').dialog('open');
});
Править: После некоторого дальнейшего тестирования я заметил, что нажатие на кнопках на панели инструментов дало мне эту ошибку:
Ошибка: this.document.getWindow (). $ является неопределенный Исходный файл: Строка includes/ckeditor/ckeditor.js: 82
4 ответа
По какой-то причине я не мог заставить его работать, но мне удалось добиться того же эффекта, реализовав те же функции вручную.
Попробуйте поставить адаптер снизу. Исправление отменяет адаптер.
$('.analyse_cell').click(function(){
$('#ad_div').dialog({
modal: true,
resizable: false,
draggable: false,
position: ['center','center'],
width: 600,
height: 500,
hide: 'slide',
show: 'slide',
closeOnEscape: true,
autoOpen: false,
open: function(event,ui) {
$('#ad_content').ckeditor();
},
close: function(event,ui) {
CKEDITOR.remove($("#ad_content").ckeditorGet());
}
});
});
Я столкнулся с той же проблемой и по какой-то причине обнаружил, что размещение текста в текстовой области перед открытием диалогового окна может помочь. Не настоящее решение, но у меня работает.
$('#ad_content').ckeditor();
/* snip */
$('#ad_div').dialog(
{
modal: true,
/* Your options here. */
});
$('.analyse_cell').click(function(){
// Add some content into textarea.
$('#ad_content').val("Enter content here.");
$('#ad_div').dialog('open');
});