1. ホーム
  2. 質問と答え
  3. Textarea preview

Textarea preview

2016-06-20 10 views
2

textareaとテキストのプレビューに関する問題があります。改行文字としてEnterボタンを認識しません。このプレビューを正しく行う方法はありますか？Textarea preview

enter image description here

EDIT：

enter image description here

私はそれがH-スクロールするのではなく、フィッティングていないときに、このテキストは自動的に行を変更します。

回答：textareaからテキストを印刷中に

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+ */ 
}

出典

2016-06-20 Artur.js

+1

'ワードラップを使用してテキストをレンダリングし、保存することができます

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}

; ' –

+0

あなたは、マークダウンをレンダリングしていますかプレビューのために？ –

答えて

2

あなたはそれだけでcontent.e.g前<pre>を使用textarea

にテキストを入力すると、それはすべてあなたの新しい行を反映します<pre>タグを使用することができます。あなたはngSanitizeを使用して、$ sce.trustAsHtml（とHTMLエントリを受け入れるために、パラメータできるようにする必要があり

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

出典

2016-06-20 08:36:42

+1

ありがとう！このタグについて知りませんでした。 –

+0

私はまだ小さな問題がありますが。複数行を入力すると自動的に非表示になるテキスト。 'overflow：hidden 'のような行為 –

+1

答えを見つけました。 'white-space：pre-wrap'は、 –

関連する問題

 関連する問題