CKeditor5 사용시 ckeditor is not defined

CKeditor4에서 사용하는 contents 값을 가져오는 소스

CKEDITOR.instances.textarea_id.getData()

 

CKeditor5 썼더니 ckeditor is not defined 오류가 뜬다.

안타깝게도 CKeditor5에서는 작용하지않는다...^^

    <script>
    
    //에디터를 화면에 붙일때 작성공간인 textarea값이나 div의 id로 가져온다.
         ClassicEditor
            .create( document.querySelector( '#contents' ), {
                language: 'ko' //언어설정
            })
		.then( contents => {
			theEditor = contents; // #contents에 있는 값을 theEditor에 넣어놓는다.
		} )
            .catch( error => {
                console.error( error );
            } );
	
    /////////////////////////////////////////////////////////////나중에 확인할때 소스
        var sHTML = theEditor.getData();
        console.log(sHTML); 
        
    </script>

 

✔

변수(여기서는 theEditor)를 만들어서 넣어놓고 나중에 그걸로 getData()해서 가져와야함

 

---

역시 설명서를 잘 읽어야 쓸모없는 실수를 하지 않는다!

https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/basic-api.html#getting-the-editor-data

Basic API - CKEditor 5 Documentation