不是一個textarea其中\ n的正確解釋

Question

我有以下的HTML代碼，其他的HTML標籤：

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

其中signaletic就是從這裏開始：

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'。

現在我想使用另一個控件，而不是textarea，我需要一個只讀控件。我嘗試了一個簡單的div，但我的'\ n'不再工作了。有人有一個想法，用正確解釋'\ n'的只讀html元素替換我的textarea嗎？

Answer 1

您可以應用white-space: pre CSS屬性來強制元素尊重換行符。

Answer 2

難道你不能只用<textarea readonly>blar \n blar \n blar</textarea>？

Answer 3

我認爲你可以使用相同的textarea方法，但將禁用的屬性添加到textarea。還有一個只讀屬性，那麼你不能編輯文檔，但可以與textarea控件（調整大小和全部）進行交互。你的選擇。 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea 一個例子（http://www.w3schools.com/tags/att_textarea_disabled.asp）..