Textarea預覽

Question

我有一個關於textarea和文本預覽的問題。它不會將Enter按鈕識別爲換行符。任何想法如何正確預覽這個預覽？

編輯：

我想這段文字時，它無法適應，而不是H-滾動自動換行。

答：

pre { 
white-space: pre-wrap;  /* css-3 */ 
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
white-space: -pre-wrap;  /* Opera 4-6 */ 
white-space: -o-pre-wrap; /* Opera 7 */ 
word-wrap: break-word;  /* Internet Explorer 5.5+ */ 
} 

Answer 1

您可以使用<pre>標籤，同時從textarea打印文本將反映所有新生產線，因爲它是輸入的文本在textarea

content.e.g之前只需使用<pre>。

<pre> Text Content From text Area</pre> 

Answer 2

http://plnkr.co/edit/gZM1173PNweJzcBEutTw?p=preview

您需要使用ngSanitize，並允許您參數接受$ sce.trustAsHtml HTML條目（）;

HTML

<textarea ng-model="text" ng-change="change()"></textarea> 
<p ng-bind-html='text'></p> 

JS

$scope.change = function(){ 

    $scope.text = $sce.trustAsHtml($scope.text); 
} 

CSS

{white-space: pre} 

您可以呈現和保存文本新行