ckeditor
-
[CKEditor5+React] html element에 attribute 추가하기ckeditor 2020. 10. 4. 16:59
Project를 진행하면서 upload한 file에 tooltip으로 uploader를 보여주는 요구사항이 있었습니다. 쉽게 구현하기 위하여 하기와 같이 html tag에 title를 추가하는 방식으로 tooltip을 보여주기로 하였습니다. test.txt 하기 CKEditor official document에서 attribute 추가하는 방법을 설명하였습니다. ckeditor.com/docs/ckeditor5/latest/framework/guides/deep-dive/conversion/conversion-preserving-custom-content.html Preserving custom content - CKEditor 5 Documentation Learn how to install, inte..
-
[CKEditor5+React] Image & File upload 기능ckeditor 2020. 9. 29. 19:29
CKEditor에서 Image, File upload를 어떻게 하는지에 대해 설명 드리겠습니다. Official document를 보면 Image & File Upload에 대해 모두 소개한 내용이 있습니다. https://ckeditor.com/docs/ckeditor5/latest/features/image-upload/image-upload.html Overview - CKEditor 5 Documentation Learn how to install, integrate and configure CKEditor 5 Builds and how to work with CKEditor 5 Framework, customize it, create your own plugins and custom editor..
-
[CKEditor5+React] Troubleshootingckeditor 2020. 9. 29. 16:17
이번에는 project 진행하면서 발생했던 몇가지 이슈와 해결방법을 적으려고 합니다. 1. CKEditorError: ckeditor-duplicated-modules 관련 project를 진행하면서 정말 많이 본 지긋지긋 한 이슈입니다. 해당 이슈가 나타나는 원인은 딱 한가지 -> CKEditor에서 사용하는 node module이 중복되어 추가되었기 때문입니다. 더보기 https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/installing-plugins.html One of the possible mistakes is trying to add a plugin in this way to an existing (bundled) edi..
-
[CKEditor5+React] create-react-app으로 생성된 project에 ckeditor5를 추가하는 방법ckeditor 2020. 9. 29. 09:18
회사에서 신규 task를 진행하게 됬는데 rich text 기능이 필요했고 찾아보다가 ckeditor5를 선택하였습니다.단순히 document가 잘되어 있는것 같아서 ckeditor를 선택하였는데 정작 시작하니 오히려 문서가 너무 많아서 어떻게 봐야할지도 모르겠다는...... ㅠㅠ암튼 이렇게 저렇게 삽질하면서 ckeditor5로 필요한 기능은 구현완료 하였고 그간 해왔던 내용을 정리하여 공유합니다. ckeditor5를 create-react-app(CRA)에 integrate하는 방법은 official문서에 이미 작성되어 있습니다.https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/react.html 위의 문서에서..