라라벨 HTML 적용 (Blade HTML 적용)

{{ $text }}

위와 같은 경우 Laravel에서 HTML을 해석하지 않고 텍스트 그대로 출력 되는 경우가 발생

(textarea 의 줄바꿈 경우 등)

 

{!! nl2br($text) !!}

이렇게 사용해야 함

 

그래도 원하는 결과가 안나오면  white-space:pre 추가

<div style="white-space:pre-line;">{!!$guide!!}</div>

 

 

white-space

white-space는 여러가지 값이 있는데, 정리를 해보자면 이렇습니다.

inherit	말그대로 상속 받는 것
normal	일반적인 것, default
nowrap	줄바꿈을 하지 않는다
pre	<pre>태그와 같은 기능, 마크업에서 앤터로 줄바꿈 한것 만 적용이 되고 넘어가는 것에는 줄바꿈 하지 않는다
pre-line	마크업에서 줄바꿈 한 것이 적용 되면서 width를 넘어가는 텍스트도 자동으로 줄바꿈이 된다
pre-wrap	pre-line 과 비슷