2014-03-03 3 views
1

cols = 120 집합의 텍스트 영역 html5 입력이 있습니다.변환하는 html5 텍스트 영역의 문자열 표현을 얻는 방법 줄 바꿈으로 줄 바꿈

따라서 사용자가 긴 문자열을 입력하면 문자열이 지정된 열에 맞게 여러 줄로 줄 바꿈 될 수 있습니다.

그러나 요소의 텍스트 값을 검색하려고하면 긴 문자열이 어떤 종류의 줄 바꿈과도 연결되지 않습니다.

긴 문자열이 래핑 된 위치를 정확하게 포함하는 텍스트 영역에서 문자열 표현을 가져 오는 방법이 있나요? 화면에 표시된 것과 완전히 똑같이 간다.

+1

사용자가 Enter 키를 누를 때만 줄 바꿈이 발생합니다. 줄 끝이 새 줄 기호를 만들지 않습니다. – Uriil

+0

아무런 의미가 없습니다. –

+1

줄 바꿈이 없습니다. 줄 바꿈으로 인식되는 부분은 텍스트가 줄 바꿈되는 부분입니다. 실제로는 하나의 긴 문자열입니다. – Vince

답변

0

.val()을 사용하여 textarea의 값을 가져오고 빈 공간에 $ .trim()을 사용하십시오.

$(document).ready(function() { 
var val = $.trim($("textarea").val()); 
if (val != "") {1 
    $('div').append('<pre>'+val+'</pre>'); 
} 
}); 

데모는 : jsfiddle

1

당신은 사용자에게 표시되는 줄 바꿈을 포함한 양식을 제출 <textarea wrap="hard" ...를 사용할 수 있습니다.

+1

ref : http://developers.whatwg.org/the-button-element.html#attr-textarea-wrap – Vince

+0

나는 물어보기 전에 이것을 시도했지만, 내 시나리오에서는 작동하지 않았다. 나는 또한 질문을 업데이트했다. –

+0

@LuizHenriqueMartinsLinsRol 당신은 스크립트에서 텍스트를 얻으려고합니까? 그렇다면 질문에 'javascript'태그를 추가하는 것이 좋습니다. 당신이 기대하는 것과 당신이 얻는 것을 보여주는 예가 또한 도움이 될 것입니다. –