728x90 IT관련/REACT6 React + CKEditor 4 사용하기 - npm 레지스트리에서 설치 npm install ckeditor4-react // 라이트 버전 npm install ckeditor4-react-advanced // 풀패키지 - 페이지 내에 CKEditor4 추가 import CKEditor from 'ckeditor4-react'; - 자동크기 조절 : config={extraPlugins:['autogrow']} - Editor 안에서 CSS사용 가능 : {allowedContent:true} “파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있음" - 참고 github.com/ckeditor/ckeditor4-react ckeditor/ckeditor4-react Official CKEditor 4 React component. Contri.. 2020. 12. 3. React에서 TOAST UI Editor(Web Editor 사용하기) "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다." 패키지 설치 npm install --save @toast-ui/react-editor 기본 소스 : ES Modues 활용 import 'codemirror/lib/codemirror.css'; import '@toast-ui/editor/dist/toastui-editor.css'; import { Editor } from '@toast-ui/react-editor'; 본문 삽입 소스 class PageView extends Component { editorRef = React.createRef(); - Html contents 입력하기 this.editorRef.current.getInstance ().set.. 2020. 11. 23. 이전 1 2 다음 728x90