[팁] CKEditor5 안드로이드에서 한글 입력 깨지는 문제 해결 방법 - 리무스BBS

이 문제는 CKEditor5 43.0.0 에서 해결됨

https://ckeditor.com/docs/ckeditor5/latest/updating/guides/update-to-43.html

[출처] https://github.com/ckeditor/ckeditor5/issues/13693

CKEditor5 버전을 업그레이드 했다면 다음 파일의 해당 부분을 추가해야 함

node_modules/@ckeditor/ckeditor5-engine/src/view/renderer.js

추가) Ckeditor5 42.0.0 버전부터는 소스 파일을 수정해야 하는 위치가 수정됨

CKEditor5 의 기존 설치 방법은 여러개로 나뉘어진 @ckeditor5-* 패키지들을 필요에 따라 각각 import 하던 방식이었음

42.0.0 버전 부터는 다음과 같이 새로운 npm 패키지 ckeditor5 를 이용해 통합하여 관리됨

기존 설치 방식에서는 각각의 패키지들을 따로 import 하며

예를 들어 ‘@ckeditor/ckeditor5-image’ 의 package.json 의 설정을 보면 src/index.js 파일이 main 으로 지정되어 있으며

  "main": "src/index.js",

src/index.js 내용을 보면

export { default as AutoImage } from './autoimage.js';
export { default as Image } from './image.js';
export { default as ImageEditing } from './image/imageediting.js';
export { default as ImageCaptionUtils } from './imagecaption/imagecaptionutils.js';
.
.
.

직접 src/ 아래에 있는 파일을 사용하고 있으므로 src/ 아래에 있는 파일을 수정하면 빌드에 반영되었음

새로운 설치 방식에서는 ‘ckeditor5’ 패키지를 이용해 필요한 모듈을 import 하며

‘ckeditor5’의 package.json 의 main 은 dist/ckeditor5.js 인데

  "main": "dist/ckeditor5.js",

ckeditor5/dist/ckeditor5.js 내용을 보면

export * from '@ckeditor/ckeditor5-core/dist/index.js';
export * from '@ckeditor/ckeditor5-easy-image/dist/index.js';
export * from '@ckeditor/ckeditor5-editor-balloon/dist/index.js';
.
.
.

등으로 각각의 플러그인의 dist/index.js 파일을 불러오도록 되어 있음 (이 파일은 해당 플러그인의 모든 스크립트 파일을 병합한 파일인 듯)

그래서 src/ 아래의 파일을 수정하더라도 빌드에 반영되지 않음

실제로 빌드에 사용되는 것은 dist/index.js 파일이므로 이 파일에서 수정해야 함