CKEDITOR에서 생성될 에디터가 노출되지 않고 DOM 엘리먼트를 스크립트에서 생성하여 replace() 적용한 뒤 보여주게 하려는 경우 어떻게할까요? 그 방법은을 알아봅니다. 이해하기 쉽게 말하면 html을 추가한 뒤 로드가 되면 replace('name')을 적용하지만 자바스크립트에서 DOM 엘리먼트 추가하여 적용하는 방법입니다?

var editor = document.body.appendChild(document.createElement('textarea'));
CKEDITOR.replace(editor);

참고로 위와 같은 방법으로 미리 CKEDITOR의 인스턴스는 생성할 수 있으나 이를 다시 옮기려고 할 경우 문제가 발생할 수 있습니다. 여러가지 테스트 해본 결과 CKEDITOR의 인스턴스와 함께 생성된 이벤트가 정상적으로 다른 엘리먼트에 이동되지 못하는 문제점이 있으니 참고바랍니다.

처음부터 원하는 위치에 엘리먼트를 위치 시킨 후 CKEDITOR.replace() 함수를 사용하는 것이 좋습니다.