질문/조언팁/리소스 공유

출처 : 

https://stackoverflow.com/questions/31069355/textarea-automatic-line-break

 

ㅎㅎ

스케치북에서의 사용방법은 제가 알 지 못하는 수준이더군요. -_-;

대신 원리는 알기에 ㅠㅠ

 

<input type="hidden" name="use_html" value="Y" />
<textarea name="" value="" rows="3" id="text5"></textarea>
<input type="text" name="content" id="html5" value="" />
<button type="submit" class="btn" accesskey="s" onclick="convertbr();">글작성</button>

0. user_html 사용에 Y를 해서 글쓰기시 html을 적용합니다. (전제)

1. textarea는 노출하고, 글을 여기에 쓰죠.

2. input name="content"는 감추고..

3. button type=submit 클릭시, convertbr() 함수를 실행시킵니다.

 

이 함수는..

function convertbr(){
   var str = document.getElementById("text5").value;
   var str = str.replace(/\r\n|\n/g,'<br>');
   console.log(str);
   document.getElementById('html5').value = str;
}

text5에 입력된 값을 자동으로 br 태그 붙여서 html5에 다시 입력해줍니다.

글쓴이 eondcom

profile
이온디는 웹솔루션제작전문회사로써, 웹에 대한 전문적인 지식을 바탕으로 고객님들의 비즈니스를 브랜딩해드립니다. CMS(Contents Management System) 설치부터 사용까지 XpressEngine와 WordPress를 통해서 손쉽게 웹사이를 구축할 수 있게 도와드리고 있습니다. SEO, 반응형웹, 적응형웹 등 고객의 니즈를 반영한 다양한 웹솔루션 기술과 노하우로 온라인 비즈니스를 효율적으로 운영할 수 있습니다.

http://eond.com

#워드프레스 #XE #그누보드 #제로보드 #카페24 쇼핑몰 #우커머스 #Shopify #영카트 #누리고 #가비아퍼스트몰
#홈페이지제작의뢰상담전문.