[react] 간단한 리액트 게시판 만들기 : WYSIWYG ckeditor - ② 입력 기능 구현 2020/10/30 - [프로그래밍/react] - [react] 간단한 리액트 게시판 만들기 : WYSIWYG ckeditor - ① 인터페이스 인터페이스 개발은 위 포스팅 내용을 참고하면 된다. 완성된 프로젝트 소스코드 github.com/esyeon88/simple-react-board esyeon88/simple-react-board simple type of board using react (ckeditor). Contribute to esyeon88/simple-react-board development by creating an account on GitHub. github.com 소스코드 다운받아서 해보기 2020/10/31 - [프로그래밍/backend] - [github] 프로젝트 소스.. 프로그래밍/react 5년 전
[react] 간단한 리액트 게시판 만들기 : WYSIWYG ckeditor - ① 인터페이스 간단한 입출력 기능을 가진 리액트 게시판을 하나 만들어보는 예제를 해보려고 한다. 나중에 소스코드도 올려둘테니 필요한 분들은 받아서 한번 살펴보길 바란다. 완성된 프로젝트 소스코드 github.com/esyeon88/simple-react-board esyeon88/simple-react-board simple type of board using react (ckeditor). Contribute to esyeon88/simple-react-board development by creating an account on GitHub. github.com 소스코드 다운받아서 직접 해보기 2020/10/31 - [프로그래밍/backend] - [github] 프로젝트 소스코드 다운받아서 사용하기 [github.. 프로그래밍/react 5년 전
[react]게시판 WYSIWYG(위지윅) 텍스트 에디터(ckEditor 5) 설치하기 웹사이트에 게시판 기능을 만들 때 그냥 를 사용하게 되면 기능도 부실하고 보기에도 허전해 보인다. 그렇다고 텍스트 입력 창의 기능을 하나하나 구현하기에는 어려움이 존재한다. 그래서 리액트 프로젝트에서 손쉽게 사용할 수 있는 WYSIWYG 에디터를 소개하려고 한다. WYSIWYG 이란? What You See Is What You Get 의 약자로 '보이는 그대로 얻는다' 라는 의미, 즉 문서 편집 과정 도중 포맷 된 형태의 텍스트가 그대로 출력되는 것을 말한다. 이러한 대표적인 WYSIWYG 에디터를 확인하고 싶으면 여기를 눌러서 확인해보자. 나는 여러 에디터중 ckEditor 를 선택했다. ckEditor는 4 버전이 있고 5버전이 있는데 나는 5버전으로 설치를 진행했다. ckEditor 5 ckedi.. 프로그래밍/react 5년 전