Front
html5 textarea에서 개행(띄워쓰기)하는 방법
728x90
안녕하세요. 팀드모네입니다.
오늘은 html5 textarea에서 개행(띄워쓰기)하는 방법을 공유드립니다.
html5의 textarea의 경우 일반적인 <br/>이나 \r, \n, \r\n으로는 개행 처리가 불가합니다.
1. 개행 코드
2. 사용 예제
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Editorial by Platform 5 makers</title>
<meta charset="utf-8" />
</head>
<body>
<textarea>개행하는 방법</textarea>
</body>
</html>
3. 결과 확인
4. 혹시 summernote를 사용하는 경우
<textarea class="form-control summernote" id="summernote" name="content" rows="15">
(필수) 게임명1 :<br/>;
(필수) 쿠폰번호1 :<br/>;
(선택) 만료일 :<br/>
(선택) 등록방법 :
</textarea>
혹은 jquery를 사용하여 pasteHTML을 이용하면 summernote에서 개행을 구현할 수 있습니다.
$('#summernote').summernote('editor.pasteHTML', 'hello<br/>world');
블로그 방문해주셔서 감사합니다.
도움이 되셨으면 '좋아요'를 눌러주세요!
추가로 질문사항이 있으면 댓글 남겨주세요 :)
reference : https://summernote.org/deep-dive/#backcolor-forecolor
광고 링크 : https://ogx4.com
인공지능이 추천하는 10개의 게임!
보물처럼 숨겨진 게임을 발굴하자! 게이머엑스포 유저들은 누구나 게임 발굴 대회에 참여 가능합니다. 게임 발굴 대회에서 입상한 게임은 2023 에디터 추천 TOP100에 노출됩니다. 단순 조회, 게임
ogx4.com
반응형
'Front' 카테고리의 다른 글
| [CSS] <span> not working margin-top (0) | 2017.10.12 |
|---|---|
| [textarea, input] placeholder 개행의 특수문자는 무엇이지? (한줄띄기, 띄워쓰기) (0) | 2017.10.03 |
| [javascript] new Image() option (style & src & onclick) (0) | 2017.10.02 |
| [ul-li tag] jquery li click event (0) | 2017.09.27 |
| [CSS] 부모 div가 자식 div를 둘러싸도록 만드는 방법 (0) | 2017.09.25 |
Contents
소중한 공감 감사합니다