CKEditor5 텍스트 넣기

CKEditor5 적용 방법은 CKEditor5 적용법  << 클릭

 

 

<form:textarea path = "content" id = "input_content" placeholder = "내용을 입력해주세요."/>

<script>
ClassEditor
    .create(document.querySelector('#input_content'))
    .catch(error => {
    	console.error(error);
    })
</script>

CKEditor5가 적용된 textarea에 텍스트 값을 집어 넣으려고 한다.

CKEditor5가 적용된 textarea

1시간을 구글링해서 겨우 찾은 결과.

구문 1개만 추가해주면 된다 .then

<script>
ClassEditor
    .create(document.querySelector('#input_content'))
    .then( editor => {
    	editor.setData('하이하이');
    })
    .catch(error => {
    	console.error(error);
    })
</script>

setData() : editor 안에 내용 설정.

 

(※참고 : set이 있다면 get도 있을터.)

getData() : editor 안의 내용 불러오기.

끝.

 

이걸 활용해서 게시물 수정할 때 작성했던 내용 가져오는데 썼다.