Я пытаюсь создать страницу, на которой существующий контент доступен для редактирования с помощью встроенного редактирования CKEditor. Это прекрасно работает.
При добавлении новых разделов на страницу я изучил этот стекопоток: Использование встроенного CKEditor для динамически добавляемого текста
И соответствующая скрипка:
http://jsfiddle.net/RKPYw/
Разница в этой настройке и моей заключается в том, что в приведенной выше скрипке клон дырки становится встроенным редактором. В моем случае я клонирую довольно большой элемент dom (div) с несколькими элементами div внутри, и мне нужно только создать новый встроенный редактор в sub div этого клона.
Моя Javascript функция выглядит так это:
$( "#addcontent" ).click(function() {
makeHeadingEditable();
// A dynamically created element.
var el = $(".containersection").clone();
el.removeClass("hidden");
// Append the element to the sectioncontainer.
$(".documentcontainer").append( el );
// CKEDITOR.inline accepts DOM element as parameter.
CKEDITOR.inline( el.get(0));
});
Итак, в этой строке:
CKEDITOR.inline( el.get(0));
Мне нужно иметь возможность ссылаться на div внутри этого элемента, а не на 0. У div, в котором я хотел бы сделать встроенный редактор, есть класс "inlineeditor".