이야기앱 세상
CKEditor5에서 값을 읽기, 셋팅하기(또는 초기화) 본문
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>
'IT > JavaScript' 카테고리의 다른 글
javaScript를 이용해서 업로드 이미지 사이즈(넓이, 높이) 구하기 (2) | 2022.10.26 |
---|---|
Kakao map 사용시 CORS policy 오류에 대한 해결책 (0) | 2022.09.03 |
자바스크립트를 이용해서 스크롤을 DIV의 맨 아래로 이동하기 (0) | 2022.02.06 |
setTimeout 사용시 Uncaught TypeError: Illegal invocation이 발생할 경우 (0) | 2022.01.04 |
CKEditor5 다운로드 및 사용법 (0) | 2020.12.28 |