CKEDITOR.replace () скрывает текстовую область, которую я хочу преобразовать

Question

Я использую Javascript для создания текстовой области, которую я хочу стать ckeditor.Мой код выглядит примерно так:

var html = '<textarea name="text"></textarea>';
$('#mydiv').append(html);  
var textareas = document.getElementsByTagName('textarea');  
// Could be more than one textarea   
for (i = 0; i<textareas.lenght; i++) {  
    var textarea = textareas[i];  
    CKEDITOR.replace(textarea.name); 
}

Когда я запускаю этот код и проверяю вывод, текстовое поле скрыто.Проверяя это в firebug, я получаю стиль = "visibilty: hidden".Однако удаление этого только дает мне текстовую область, а не ckeditor.Есть ли у кого-нибудь какие-либо предложения о том, как решить эту проблему?

Поместить его как div сработало, но примеры, похоже, были в textareas.

Answer 1

Сокрытие верно.Потому что <textarea/> не имеет поддержки wysiwyg.Метод .replace() заменяет <textarea/> его редактором wysiwyg.Вот почему он скрыт.

CKEDITOR.replace(elementOrIdOrName, config) Заменяет a или элемент DOM (DIV) на экземпляр CKEditor. Источник

Как вы можете видеть в документации , вам не нужно добавлять <textarea/>, вместо этого вы можете использовать ваш div напрямую:

CKEDITOR.replace('mydiv')