toastUI2 Toast UI (feact. React) 사용기 3 - Grid 테이블을 만들자 언제나처럼 설치부터 npm install --save @toast-ui/react-grid import 'tui-grid/dist/tui-grid.css'; import Grid from '@toast-ui/react-grid'; 예제를 보며 적용해보기 https://github.com/nhn/tui.grid/tree/master/packages/toast-ui.react-grid const data = [ { id: 1, name: "Editor" }, { id: 2, name: "Grid" }, { id: 3, name: "Chart" }, ]; const columns = [ { name: "id", header: "ID" }, { name: "name", header: "Name".. 2023. 7. 13. Toast UI (feat.React) 사용기 1 - 텍스트 에디터 Toast UI 시작 - 설치 npm install @toast-ui/react-editor 리액트에서 사용하기 위해 위와같이 설치해준다. 텍스트 에디터 - Editor 일반 컴포넌트처럼 사용할 수 있다. import { Editor } from '@toast-ui/react-editor'; import '@toast-ui/editor/dist/toastui-editor.css'; 위처럼 불러와줘야지 기본틀을 지정해줄 수 있고, 추가 옵션을 사용하여 여러 설정을 해줄 수 있다. previewStyle tab / vertical, 마크다운일 때 미리보기 스타일을 지정할 수 있다. 위처럼 vertical이면 세로로 나뉜다. initalEditType merkdown / wysiwyg 초기 보일 화면을 지정 .. 2023. 7. 8. 이전 1 다음
