CKEDITOR 로딩된 상태를 알아내는 방법은?

Last Modified : 2017-09-21 / Created : 2017-03-30

6,244
View Count

주소 복사하기

CKEDITOR 로딩된 상태를 알아내는 방법을 알아보려 합니다.
CKEDITOR는 replace() 메소드를 사용하면 새로운 인스턴스를 생성하게 됩니다. 작성된 콘텐츠를 추가하려는 경우 해당 인스턴스의 상태가 준비가 되었는지 알아야하며 이때 이벤트 'instanceReady'를 통해 준비 이후 추가하는 것이 가능합니다. 아래 예제를 봐주세요.

CKEDITOR.on('instanceReady', function() {
  // 필요한 작업 실행
} );

아래 방법 역시 동일하나 에디터를 생성하면서 동시에 이벤트를 실행하는 방법입니다.

CKEDITOR.replace( 'myEditor', {
    on: {
        instanceReady: function() {
          // 필요한 작업 실행
        }
    }
} );

만약 상태만 알면될 경우 아래의 방법으로 확인합니다.

CKEDITOR.instances.myEditor.status;

'Ready'
// 준비된 경우 'Ready'를 반환함

추가로 만약 CKEDITOR의 API가 로딩 된 후 뭔가를 실행하려면 아래와 같이 'loaded'를 사용합니다.

CKEDITOR.on( 'loaded', function() {
  // 필요한 작업 실행
} );

인스턴스가 생성되기 이전에 에디터에 명령을 내리면 오류가 발생할 수 있으므로 반드시 상태값을 확인한 뒤 작업을 수행해야 합니다.

아래의 글도 찾고 계시지 않나요?

자바스크립트 현재 요소를 기준으로 엘리먼트를 앞 또는 뒤에 추가하는 방법

Bootstrap datepicker에 최소 최대 날짜 설정하는 방법은?