게시판에 이런 기능은 어떻게 구현해야 할까요?

Question

그냥 crud같은 기본적인 기능들은 구현했습니다.그런데, 구현하고 나서 문제가 있다는걸 알게되었는데요.게시글을 쓸 때는 엔터를 입력하면 줄바꿈이 제대로 되었는데,작성된 게시글을 확인하는 페이지에서는 모든글이 한줄로 되어 있었습니다.그래서 해당 게시글 데이터를 split.map 함수를 이용해서 을 기준으로 배열로 만들고
태그를추가하는 방식으로 문제를 해결했는데요.띄어쓰기를 두번 연속으로는 입력하면 적용이 안된다는 것을 알았습니다.그래서 동일한 방식으로 공백을 html엔티티로 변경할까 생각했지만, 이런 문제가 생길때마다 split함수를 이용하는방식을 사용하게 된다면 코드가 너무 복잡해지기 때문에 근본적인 해결방법은 아니라고 생각하는데,실무에서는 이럴때 어떻게 해결하시나요?ㅠㅠ그리고 현재 게시글 작성 태그는 textarea를 사용하고 있는데, 작성 중에 코드를 입력 할 일이 있을때코드 입력기 버튼을 누르면 textarea내부에 코드를 입력 할 수 있는 창이 생성되게 하고싶습니다.(그냥 내부에 특정 태그를 추가 할 수 있으면 됩니다.)네이버나, 티스토리에 들어가는 코드입력 양식 처럼요.이런 정보를 찾아보기는 했는데, 제가 못찾은건지 라이브러리 이야기 외에는 나오지 않네요.참고로 nextjs 입니다.

김을동 · Answer

pre tag

킁킁탐정 · Answer

https://developer.mozilla.org/en-US/docs/Web/CSS/white-space

페코옹 · Answer

white-space 설정 주시면 됩니다.그리고 단순히 텍스트가 아니라 다양한 포맷을 표시하시려면 위지윅 에디터 검색해보세요

개이득인개발 · Answer

일반적인 게시판은 위지윅 에디터를 사용합니다. 네이티브 textarea는 잘 사용하지 않습니다.ck, react-quill 같은 라이브러리를 사용하니 사용하시면 많은 문제가 해결 됩니다.

계피인간 · Answer

좋은 답변 감사드립니다. 문제 해결되었습니다^^

게시판에 이런 기능은 어떻게 구현해야 할까요?

5개의 답변

Q&A 목록