프로젝트의 페이지중 하나인 게시글 작성 페이지에서 ‘소개글 작성’이라는 textarea 입력란이 존재한다. 해당 입력란에서는 placeholder가 사용되는데, 이때 작성하는 내용이 길기 때문에 줄바꿈이 꼭! 필요한 상황이었다.
그래서 “\n”이나 “br”태그 등을 삽입했으나 줄바꿈이 되지 않았다…
그래서 찾고 찾다가 발견한 방법. 유니코드를 삽입하여 줄을 바꾸는 것이었다.
유니코드로 줄바꿈을 해본적이 없어서 생소했으나, 친절히 어떻게 하면 줄바꿈이 되는지 작성되어있었다.
유니코드로 줄바꿈
유니코드로 줄바꿈하는 방법은 매우 간단하다. 줄을 바꾸고 싶은 곳에 을 적어주면 된다.
그럼 아래 그림과 같이 이쁘게 줄바꿈이 적용되는 것을 볼 수 있다.
은 무슨 의미?
해당 유니코드의 의미는 다음과 같다.
-
제일 처음 칸으로 -
다음줄로 이동
-> : 다음 줄 제일 처음칸으로 이동
위와 같은 의미를 갖기 때문에 줄바꿈이 정상적으로 작동될 수 있다.
참고
HTML: placeholder 에서 줄바꿈하기 placeholder line break character
ASCII 코드 값 10 , 13
HTML 특수문자 리스트
Comments