search

myeongjae-kim / terrace-utterances

A Comment system for terrace.
0 stars 0 forks source link

blog/2020/04/05/tui-editor-with-nextjs #6

Open utterances-bot opened 4 years ago

utterances-bot commented 4 years ago

[React] Nextjs에서 tui.editor 사용하기 :: Myeongjae Kim

Next.js에 tui.editor를 사용하는 예제입니다: https://github.com/myeongjae-kim/tui.editor-with-nextjs

tui.editor 2.0이 릴리즈되었습니다.

대표적인 위지윅 에디터 [draft-

https://myeongjae.kim/blog/2020/04/05/tui-editor-with-nextjs

eatdesignlove commented 4 years ago

경험하신 내용 공유해주셔서 정말 감사합니다! 저도 next에 @tui-editor 적용해보면서 동일한 문제를 겪던 중이었는데 덕분에 빠르게 해결할 수 있었습니다! 🙌

myeongjae-kim commented 4 years ago

도움이 되었다니 정말 좋습니다 ㅎㅎ

soul-cactus commented 4 years ago

오 같은 이슈 겪고 있었는데 감사합니다! :)

rpdus25 commented 4 years ago

같은 문제를 겪고 있었는데 친절하게 잘 정리해주셔서 빠르게 해결할 수 있었습니다. 감사합니다~!!

logicus4078 commented 3 years ago

@dabeng/react-orgchart 에서도 동일한 문제가 있어 많은 도움 되었습니다. 감사합니다

nwleedev commented 3 years ago

저는 파일리더나 폼데이터 같은 window 객체가 있어야 되는 생성자를 쓸 때는 useState로 상태 우선 만들어주고 useEffect에서 생성자 생성해서 상태 바꿔주는 편입니다 웹팩을 설정하는 방법도 있었네요

lucas0530 commented 3 years ago

빌드 시에는 말씀해주신 에러가 개선이 안되는데 혹시 이후에 처리하신 방법이 있으실까요?

myeongjae-kim commented 3 years ago

@KZ-Lucas 아래 커맨드 차례로 입력해도 잘 안되시나요?

git clone https://github.com/myeongjae-kim/tui.editor-with-nextjs
cd tui.editor-with-nextjs
npm i && npm run build && npm run start
steadily-worked commented 3 years ago

안녕하세요. Next에서 toast-ui로 마크다운 에디터를 불러오고 있는데, handleChange 함수에서 내부 값이 비어있는지 안비어있는지 여부를 확인하는 useState(기본값 true)를 만들고 올리신 코드처럼

if (!editorRef.current) {
  setState(true)
  return
} else {
  setState(false)
}

이렇게 만들어 봤는데요, 제대로 동작하지 않아서 !editorRef.current 부분이 혹시 마크다운 에디터 내부의 값이 맞는지 여부가 궁금해서 댓글 남깁니다! 답변 부탁드립니다 감사합니다