ckeditor, 자바스크립트로 내용 집어넣기(전체 내용 바꾸기)

웹에디터를 커스터마이징하기 위해서 내용을 제어할 수 있어야 할 것이다. 앞서 ‘선택’하는 방법을 썼다. 이번에는 내용을 집어넣는 방법이다.

CKEDITOR.instances.textarea_id.setData('<p>집어넣을 데이터</p>')
//textarea_id는 당연히 각자 상황에 맞는 이름으로.

전체 내용을 가져오는 방법이 getData()다. 거기서 착안해 setData로 해봤더니 작동한다.

내가 궁금한 것은 커서가 위치한 곳에 특정한 element를 집어넣는 방법, 선택한 영역을 특정 오브젝트로 치환하는 방법이다. 더 알아보면 되겠지.

굳이 첨언하자면, ckeditor 안에 있는 내용을 태그 포함해서 다 가져오는 함수는 아래와 같다.

CKEDITOR.instances.textarea_id.getData()