ckeditor, 자바스크립트로 내용 집어넣기(전체 내용 바꾸기)에서 전체 내용을 바꾸지 않고 html을 추가하는 방법이 궁금하다고 썼는데, API만 뒤지다가 삽질한 것 같다. ckeditor를 다운로드하면 기본으로 제공하는 samples에 기본적으로 사용할 수 있는 API가 있었다. 코드는 아래와 같다.
function InsertHTML()
{
// 원하는 에디터의 인스턴스를 가져온다.
var oEditor = CKEDITOR.instances.editor1;
var value = '넣고 싶은 텍스트';
// Check the active editing mode.
if ( oEditor.mode == 'wysiwyg' )
{
// Insert the desired HTML.
oEditor.insertHtml( value );
}
else
alert( '위지윅 모드여야 가능합니다!' );
}
생각보다 쉬웠다.
위 코드대로 하면 커서가 있는 곳에 value가 들어가게 된다.
value는 그냥 텍스트여도 되고, html이어도 된다.
html이면 html로 들어가고, text면 알아서 html처리를 한 다음 들어간다.
선택영역이 있으면 선택영역을 대체하면서 들어간다. 즉, 에디터에 내용을 채울 때 이게 핵심이다.
따라서 여러 가지로 테스트해 보기 바란다.
댓글 남기기