\ n을 올바르게

Question

을 해석하는 텍스트 영역 나는 다음과 같은 HTML 코드 한 이외의 HTML 태그 : signaletic 여기에서이다

<textarea data-bind="text: signaletic()"></textarea> 

: 나는이 의미가 있습니다

client.signaletic = ko.computed(function() { 
    var name = ... 
    var address = ... 
    var postcode = ... 
    var city = ... 
    var country = ... 
    return name + '\n' + address + '\n' + postcode + ' ' + city + '\n' + country; 
}); 

을 의미 '\ n'덕분에 요소 사이에 새로운 줄이 생겼습니다.

이제 텍스트 영역이 아닌 다른 컨트롤을 사용하고 싶습니다. 읽기 전용 컨트롤이 필요합니다. 간단한 div로 시도하지만 '\ n'이 더 이상 작동하지 않습니다. 누군가가 내 텍스트 영역을 '\ n'이 올바르게 해석되는 읽기 전용 html 요소로 대체 ​​할 생각이 있습니까?

Answer 1

white-space: pre CSS 속성을 적용하여 요소에 개행을 적용하도록 할 수 있습니다.

Answer 2

<textarea readonly>blar \n blar \n blar</textarea>을 사용할 수 없습니까?

Answer 3

동일한 텍스트 영역 접근 방식을 사용할 수 있지만 비활성화 된 속성을 텍스트 영역에 추가 할 수 있다고 생각합니다. readonly 속성도 있습니다. 그러면 문서를 편집 할 수 없지만 textarea 컨트롤 (크기 조절 및 모두)과 상호 작용할 수 있습니다. 너의 선택. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea 예 (http://www.w3schools.com/tags/att_textarea_disabled.asp) ..