Textarea预览

Question

我遇到有关textarea和文字预览的问题。它不会将Enter按钮识别为换行符。任何想法如何正确预览？

编辑：

我希望此文本在不适合而不是h-scroll时自动更改行。

答案：

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}

您可以使用换行符呈现和保存文字