↩️ 줄바꿈 HTML 변환
줄바꿈 문자를 <br>로 치환하거나, 빈 줄을 기준으로 <p> 단락 구조를 만듭니다.
사용 방법
- 줄바꿈이 있는 일반 텍스트를 붙여넣습니다.
- 태그 스타일(<br>, <br/>, <br />)을 선택합니다.
- 단락 모드가 필요하면 <p> 옵션을 켭니다.
- 생성된 HTML 코드를 복사합니다.
이럴 때 유용해요
- 텍스트 원고를 HTML 메일 템플릿에 넣을 때
- 게시판·CMS가 줄바꿈을 무시해 글이 한 덩어리로 보일 때
- PHP nl2br 결과를 미리 확인하고 싶을 때
알아두면 좋은 팁
- XHTML·JSX 환경이면 <br />, 일반 HTML5면 <br> 을 선택하면 됩니다. 렌더링 결과는 같습니다.
- <p> 단락 모드는 빈 줄(엔터 2번)을 단락 경계로 보고, 단락 안의 한 줄 줄바꿈은 <br>로 처리합니다.
- HTML 특수문자(<, >, &)가 본문에 있으면 '특수문자 이스케이프' 옵션을 켜야 코드가 깨지지 않습니다.
자주 묻는 질문
<br>과 <br />의 차이는 뭔가요?
기능은 동일합니다. <br />는 XHTML·JSX(리액트)에서 요구하는 자기닫힘 표기이고, HTML5에서는 <br>만 써도 됩니다. 사용할 환경에 맞는 스타일을 고르세요.
<p> 단락 모드는 언제 쓰나요?
블로그·기사처럼 단락 간격이 필요한 본문에 적합합니다. 빈 줄로 구분된 덩어리마다 <p>…</p>로 감싸므로 CSS로 단락 여백을 제어할 수 있습니다.
본문에 < 나 & 같은 문자가 있으면 어떻게 하나요?
'특수문자 이스케이프' 옵션(기본 켜짐)이 <를 <, &를 &로 변환해 HTML이 깨지지 않게 합니다. 본문에 이미 HTML 태그가 들어 있어 그대로 살려야 한다면 옵션을 끄세요.
PHP의 nl2br 함수와 결과가 같나요?
기본 동작(줄바꿈 앞에 <br /> 삽입)은 같습니다. 차이점은 이 도구가 태그 스타일 선택과 <p> 단락 모드, 이스케이프까지 지원한다는 점입니다.
