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

CKEditor4에서 textarea 값을 가져오는 방법입니다.

CKEditor 인스턴스를 가져옵니다.

var editor = CKEDITOR.instances['textareaId'];

여기서 textareaId는 CKEditor로 변환된 textarea의 ID입니다.

getData() 메소드를 사용하여 편집기의 현재 내용을 가져옵니다.

var content = editor.getData();

가져온 값 content를 적절한 방식으로 사용합니다.
아래는 CKEditor4를 사용한 textarea 값 가져오기 예제입니다. HTML 파일에 아래 코드를 추가하고 브라우저에서 실행하면 됩니다.

CKEditor4 textarea 값 가져오기 예제

위 예제에서는 CKEditor4 라이브러리를 CDN에서 로드하여 사용하였습니다. 브라우저에서 예제를 실행하면 CKEditor로 변환된 textarea와 "값 가져오기" 버튼이 나타납니다. "값 가져오기" 버튼을 클릭하면 textarea의 값이 경고창으로 출력됩니다.