CKEditor 4 대안
지원이 끝난(2023년 6월) CKEditor 4를 쓰는 게시판을 키 없이 옮기는 방법.
CKEditor 4는 2023년 6월 무료 지원이 끝났고, 이후 보안 수정은 유료 LTS로만 나옵니다. CKEditor 5로 올리면 구조가 완전히 바뀌고 상용 사이트는 라이선스 키가 필요합니다. 게시판처럼 HTML을 저장하는 화면이라면 82editor가 더 가까운 대안입니다.
바꾸기 전
<textarea name="content" id="content"></textarea>
<script src="/ckeditor/ckeditor.js"></script>
<script>
CKEDITOR.replace('content', { height: 400, filebrowserUploadUrl: '/upload.php' });
// 전송 전: CKEDITOR.instances.content.updateElement();
</script>바꾼 뒤
<textarea name="content" id="content"></textarea>
<link rel="stylesheet" href="https://82editor.com/cdn/v1.0.0/82editor.css">
<script src="https://82editor.com/cdn/v1.0.0/82editor.min.js"></script>
<script>
const editor = Editor82.createEditor('#content', { height: 400, uploadUrl: '/upload.php' });
</script>| CKEditor 4 | 82editor |
|---|---|
CKEDITOR.instances.x.getData() | editor.getHTML() |
CKEDITOR.instances.x.setData(html) | editor.setHTML(html) |
updateElement() | 필요 없음 (textarea 자동 동기화) |
filebrowserUploadUrl | uploadUrl (응답 {"url": "..."}) |
editor.on('change', fn) | editor.on('change', fn) |
config.toolbar | toolbar: 'board' 또는 이름 목록 |