CKEditor5에서 textarea 값을 가져오는 방법

CKEditor5에서 textarea 값을 가져오는 방법은 다음과 같습니다:

CKEditor5을 초기화합니다.

ClassicEditor
   .create( document.querySelector( '#editor' ) )
   .then( editor => {
       console.log( editor );
   } )
   .catch( error => {
       console.error( error );
   } );

초기화한 CKEditor5 인스턴스에서 내용을 가져옵니다.

var editorData = editor.getData();

textarea에 가져온 데이터를 적용합니다.

document.getElementById('textarea-id').value = editorData;

전체 코드는 다음과 같습니다:

 

ClassicEditor
    .create( document.querySelector( '#editor' ) )
    .then( editor => {
        var editorData = editor.getData();
        document.getElementById('textarea-id').value = editorData;
    } )
    .catch( error => {
        console.error( error );
    } );

위 코드에서 '#editor'는 CKEditor5이 생성될 DOM 요소의 ID입니다.,

'textarea-id'는 textarea 요소의 ID입니다.