이야기앱 세상

CKEditor5에서 값을 읽기, 셋팅하기(또는 초기화) 본문

IT/JavaScript

CKEditor5에서 값을 읽기, 셋팅하기(또는 초기화)

storya 2022. 8. 29. 17:15

CKEditor5에서 입력하는 값을 읽거나 값을 셋팅하기 위해서는 에디터 사용시 명시하는 script를 살펴보자

아래 명시한 스크립트에서 window.editor = editor; 라는 표현이 있는데 editor 를 window.editor에 대입하고 있다.

따라서 값을 읽을 때는 window.editor.getData()를 사용하고 값을 셋팅할 때는 window.editor.setData()를 사용하면 됩니다.

예를 들어 입력한 데이터를 초기화하고 싶으면 window.editor.setData(''); 라고 명시하면 초기화 된다.

<script>
 function MyCustomUploadAdapterPlugin(editor) {
    editor.plugins.get('FileRepository').createUploadAdapter = (loader) => {
        return new UploadAdapter(loader);
    }
}
 
 ClassicEditor
            .create( document.querySelector( '#content' ),{
             extraPlugins: [MyCustomUploadAdapterPlugin]
            })
            .then( editor => {
                 window.editor = editor;
} )
            .catch( error => {
                console.error( error );
            } );
    </script>

반응형
Comments