# CKEditor5

kimnow

Springboot ckeditor5 이미지 업로드

ohsoomansour

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

ghdud0503

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

guinness

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

timemash24

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

guinness

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

guinness

vue3 에디터 CKEditor5

th2225

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

ohjinseo

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

ohjinseo

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

ohjinseo

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

ohjinseo

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

goatyeonje

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

lieblichoi

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

sssssssssy

Ckeditor5 image adapter

semonan

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

semonan

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

kyungjune

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