서식을 유지하면서 TEXTAREA에 텍스트 입력 (예 : PRE 태그의 텍스트와 동일)

Question

줄 바꿈 및 긴 문장으로 텍스트를 입력 할 때 줄 바꿈 버전을 줄 바꿈없이 표시하거나 줄 바꿈하지 않으려 고합니다. . 이것을 달성하기 위해 CSS 스타일은 무엇입니까? 지금까지 white-space 속성을 시도했지만 아무도 내가 원하는 결과를 제공하지 않습니다.

Answer 1

textarea 태그의 wrap 속성을 원할 수도 있습니다. 이 페이지를보십시오 : http://www.tizag.com/htmlT/htmltextarea.php

당신이 원하는 결과를 100 % 확신하지는 못하지만, 그 링크를 통해 주어진 옵션과 설명을 보면, 당신이 원하는 것을 선택할 수 있어야합니다. 필요합니다. 난 그냥주의하는 원

<textarea wrap="off"></textarea> 

, 경우에 당신이 HTML 유효성 검사에 대한 까다로운 위치 : @erik 말했듯이

Answer 2

는이 작업을 수행 할 수있는 방법은 즉, 태그 자체에 wrap 속성을 사용하는 것입니다 textarea의 wrap 속성은 HTML 표준의 일부가 아닙니다.

불행하게도, 이것이 발견 된 것처럼 white-space CSS 속성이 <textarea> 요소와 관련하여 기대했던 것처럼 작동하지 않기 때문에이 작업을 수행하는 유일한 방법입니다. Sitepoint 통해

:

인터넷 익스플로러 [...] 값 텍스트 영역 요소에 대한 사전 랩 같은 정상 및 사전 동작합니다. nowrap 값은 textarea 요소의 pre-line처럼 작동합니다.

파이어 폭스 버전은 프리 라인과 프리 랩 (-moz-pre-wrap은 후자와 유사 함)을 지원하지 않습니다. 값 normal, nowrap 및 pre는 textarea 요소의 pre-wrap처럼 작동합니다.

Opera 9.2 및 이전 버전은 pre-line 값을 지원하지 않습니다. 값 normal과 pre는 텍스트 영역의 pre-wrap과 같이 동작합니다. nowrap 값은 textarea 요소의 pre-line처럼 작동합니다.