HTML 텍스트 영역 서식

Question

텍스트 영역의 내용을 숨겨진 입력 필드에 복사하면 서식이 유지됩니까? 아니면 줄 바꿈 등을 잃을 수있는 기회가 있습니까?

Answer 1

This JSFiddle 모두가 그렇습니다. 줄 바꿈 은 (는)입니다. 텍스트 상자에 몇 줄을 입력하고 <input>에 넣으면 줄 바꿈이 제거됩니다. 한 줄을 보려면 "콘솔에 로그온"링크를 클릭 한 후 브라우저의 콘솔에서보세요.

Answer 2

텍스트 입력 상자에 복사 할 때 줄 바꿈이 손실 될 수 있습니다 (<input type=text>). 그 이유는 해당 요소가 한 줄 입력을 나타 내기 위해 정의 되었기 때문일 수 있습니다. 그러나 <input type=hidden>으로 복사 할 때 줄 바꿈이 유지되고 서버에 제출할 때 줄 바꿈이 양식 데이터로 전달됩니다.

이것은 사용자가 입력 한 줄 바꿈에 적용됩니다. 브라우저가 소개 할 수있는 시각적 인 줄 바꿈은 다른 문제입니다.

Answer 3

입력 필드가 의도적으로 단일 줄 필드이므로 100 % 확실하게 줄 바꿈을 잃게됩니다.

http://www.w3.org/TR/html401/interact/forms.html#input-control-types

하지만 당신이 숨겨진 입력 필드로 지적은 그래서 당신이 그런 대답 숨겨진 유형의 입력은 줄 바꿈이 아닌 스타일을 유지할 수 있다는 의미 가정합니다.

스타일링은 요소 지향이므로 텍스트 영역에서 아무 것도 복사하지 않으면 'textarea'요소에 특정한 스타일이 아닌 '데이터'만 복사됩니다.

다음은 데모입니다. http://jsfiddle.net/WtNRX/