On page load i can have between 0 and 10 textareas, on click I am appending new textarea:
container.innerHTML += content;
And now I need CKEDITOR on that textarea. If I trigger:
CKEDITOR.replace( selector );
Everything in existing textareas/ckeditors is lost.
My Code:
function addField( event ) {
event.preventDefault();
let container = document.getElementById('about_content');
let childNumber = container.childElementCount;
let content = about_html.replaceAll( '%nr%', childNumber )
container.innerHTML += content;
ckEditorTrigger( 'tiny_editor_' + childNumber );
}
function ckEditorTrigger( selector ) {
CKEDITOR.replace( selector );
}