# CKEditor5

18개의 포스트
post-thumbnail

Springboot ckeditor5 이미지 업로드

Springboot ckeditor5 이미지 업로드

2023년 9월 17일
·
0개의 댓글
·
post-thumbnail

ckEditor

Documentation -▶ Getting started -▶ Quick start 1번과 2번은 head태그에 삽입3번은 id가 content인 textarea태그 안에 ⭐'에디터'를 만들거다.

2023년 5월 31일
·
0개의 댓글
·
post-thumbnail

ckeditor5 한글 자음 모음 분리 에러

특정 환경에서 한글 입력 시 자음, 모음이 분리 되는 현상nextjs(SSR) 환경에서 ckeditor5를 사용하기 위해서 온라인빌더를 이용하여 환경에 커스텀 빌드로 ckeditor를 불러오고 있었다. ckeditor v36에서 한글 입력시 IME와 Editor 입력이

2023년 4월 7일
·
1개의 댓글
·
post-thumbnail

CKEditor5 클래스명으로 설정된 CSS 인라인 스타일로 변환 juice

CKEditor5의 내용들이 인라인 스타일로 되어있지 않고 클래스명으로 되어 있다보니 어드민 사이트를 제외한 곳에서는 CSS가 하나도 적용되지 않는 문제가 발생!

2022년 12월 20일
·
1개의 댓글
·

Next.js App에 CKEditor5 적용하기

며칠 삽질하고 기록🙃Next.js 프로젝트에 WYSIWYG(위지윅) 에디터를 적용하기 위해서는 대부분 dynamic import를 사용하여 패키지를 동적으로 가져와야 한다. Next.js는 SSR를 포함하여 서버에서 또는 빌드 시에 앱의 일부를 렌더링할 수 있는데,

2022년 12월 18일
·
1개의 댓글
·
post-thumbnail

Quasar q-dialog 안에서 ckeditor5 기능이 안되는 현상

Quasar의 q-dialog 안에 CKEditor5 에디터 툴바 기능이 안되는 현상

2022년 12월 16일
·
0개의 댓글
·
post-thumbnail

Vue3 프로젝트에 CKEditor5 에디터 적용하기

vue3 에디터 CKEditor5

2022년 12월 16일
·
0개의 댓글
·

CkEditor5 - Spring Boot 이미지 업로드

개인 프로젝트를 진행하면서 ckeditor를 적용하고 싶었는데스프링 부트에 ckeditor5를 적용하여 이미지 업로드 하는 방법을 거의 찾을 수가 없어 한참을 헤맸었다.. ㅠㅠㅠ결국 찾은 해결방법은 생각보다 너무 간단해서 어이없음...ㅋㅋㅋㅋㅋㅋ미래에 혹시 ckedit

2022년 8월 30일
·
2개의 댓글
·

[ReactJS] Express + CKeditor5 이미지 업로드 구현해보기 (4) (serverless 환경 최종 구현)

저번 포스팅에서 `presignedURL`을 발급 받아 S3 객체에 접근하는데까지 해보았습니다. 이번 시간에는 저번 로컬 서버에서 동작했던 업로드 방식을 새로 구성된 `serverless`환경에 적용해보는 시간을 가져보겠습니다. 일단 그 전에, 구현해야될 변경 사항

2022년 7월 24일
·
0개의 댓글
·
post-thumbnail

[ReactJS] Express + CKeditor5 이미지 업로드 구현해보기 (3) (AWS S3 - Severless 구성)

이번 시간에는 이미지 파일 업로드 기능을 AWS S3 Serverless 구조에서 동작하는 과정에 대해 알아보는 시간을 가져보겠습니다.들어가기 앞서, S3를 사용했을 때의 이점에 대해 간략히 알아보겠습니다.저희가 서버에 이미지를 저장한다고 가정해보겠습니다.서버는 결국엔

2022년 7월 15일
·
0개의 댓글
·

[ReactJS] Express + CKeditor5 이미지 업로드 구현해보기 (2) (문제점 해결)

이번에는 저번 글에 이어 이미지 업로드에서 발생했던 문제점에 대한 해결 방안에 대해 한 번 알아보겠습니다! 먼저 저번 문제점에 대해 다시 한번 살펴보자면,사용자가 글 작성 도중 페이지를 나가거나 사진을 삭제해도 여전히 서버에 사진이 남는다는 문제점이 있었습니다.이 문제

2022년 7월 14일
·
0개의 댓글
·

[ReactJS] Express + CKeditor5 이미지 업로드 구현해보기 (1)

이번에는 React 환경의 CK에디터에서 업로드된 이미지를 로컬 서버로 저장하는 과정에 대해 알아보겠습니다. Express 서버 (1) 파일 업로드를 위해 multer 모듈을 사용했습니다. multer는 multipart/form-data인코딩 타입의 form 데이

2022년 7월 13일
·
4개의 댓글
·
post-thumbnail

항해 7주차 회고 (feat. ckEditor 죽어라)

실전 프로젝트를 시작했다. 프로젝트 개요 서비스 이름 : Focus with me 설명 : 공부를 하는 사람들의 커뮤니티. 자신의 집중 공간(책상)을 자랑하고 제품 구매 정보, 공부 방법 등을 다른 사람들과 공유. 팀 구성 디자이너 1명 FE 3명 BE 3

2021년 11월 7일
·
0개의 댓글
·

⛵️ 211104 TIL

모임 만들기 페이지 안의 모임 소개 작성 폼을 일반 텍스트 필드로 만들었었다. 그런데 팀 회의 도중에 모임 소개에 들어갈 내용이 추가되면서 항목이 여러개로 늘어났다. 일반 텍스트 필드로는 내용을 작성하기에도 열람하기에도 불편해질 것이 뻔했다. 고민하던 중 velog 글

2021년 11월 4일
·
0개의 댓글
·
post-thumbnail

CKeditor5_이미지업로드 구현

Ckeditor5 image adapter

2021년 10월 10일
·
0개의 댓글
·

CKEditor5의 Online builder 사용하기

CKEditor5를 사용하다보면 Plugin을 설치하여 사용해야 하는 경우가 있습니다. Plugin source code를 내려받아 직접 빌드하여 사용해도 되지만, CKEditor5의 공식 사이트에서 제공하는 Online builder를 사용하면 아주 편리합니다.htt

2021년 5월 29일
·
0개의 댓글
·

React + CKEditor5 에서 Read only 사용하기

"disabled" 파라미터를 통하여 Read only를 기능을 사용할 수 있다.<CKEditor disabled={editDisabled} editor={ ClassicEditor } data={editCode} onChange={ ( ev

2021년 5월 29일
·
0개의 댓글
·
post-thumbnail

react ckeditor5 기억하기

ckeditor5의 초기설정을 기억하기위한 글이다.ckeditor5에는 커스텀 가능한 기본제공 builds가 있다.(Classic, Balloon, Balloon Block, Inline, Document, Pagination)이중 하나를 선택해서 ckeditor5-r

2021년 3월 9일
·
1개의 댓글
·