CKEditor5

Question

안녕하세요.이번에 처음으로 CKEditor5를 사용해보고 있는 유저입니다.CKEditor를 사용하던 중 플러그인을 사용하기 위해서 온갖 서류와 공식문서까지 다 뒤지면서 따라해도 왜 계속해서 똑같은 오류가 나오고 있는지를 알 수가 없어서 도움을 청하고자 질문을 올립니다.import React, { Component } from "react"; import { CKEditor } from "@ckeditor/ckeditor5-react"; import ClassicEditor from "@ckeditor/ckeditor5-build-classic"; import ImageResize from "@ckeditor/ckeditor5-image/src/imageresize"; // 플러그인 import만 해도 오류 발생 function Editor() { return (

Using CKEditor 5 build in React

Hello from CKEditor 5!

" onReady={(editor) => { // You can store the "editor" and use when it is needed. console.log("Editor is ready to use!", editor); }} onChange={(event, editor) => { const data = editor.getData(); console.log({ event, editor, data }); }} onBlur={(event, editor) => { console.log("Blur.", editor); }} onFocus={(event, editor) => { console.log("Focus.", editor); }} />

); } export default Editor; 보시다시피 가장 기본적인 상태인데요. 여기에서 플러그인을 사용하기 위해 import 만 하더라도 바로 아래와 같은 에러가 발생합니다.왜 이런 문제가 발생하는지 공식문서에서 확인을 해보니 대충 어떤 이유때문인지는 알겠지만 해결방법을 못 찾고 있습니다.https://bloodseeker.tistory.com/1여기 주소에서 가르키는대로 그대로 설치하여 따라하기만 했는데도 왜 저런 에러가 발생하는지를 모르겠는데아시는 분 있으시면 가르침 좀 부탁드리겠습니다.

킁킁탐정 · Accepted Answer

블로그 글이 오래되어서 그렇습니다.공식 문서에는 다음과 같이 버전 문제라고 설명이 되어있습니다.https://ckeditor.com/docs/ckeditor5/latest/installation/plugins/installing-plugins.html#requirements

[object Object] · Answer

webpack5로 되면서 다른 라이브러리들도 문제있는 경우가 좀 있던데 에디터랑 웹팩 버전이 맞는지 확인해보셧나요?

CKEditor5

2개의 답변

#ckeditor5 목록