2016-07-29 2 views
1

誰かがCSSやJSを使ってテキストエリア内のテキストに段落のビジュアルを追加する方法があるのだろうか?テキストエリア内に段落のスペースを追加することはできますか?

私は線の高さを認識していますが、パラグラフ間にスペースを入れるには、テキストエリア内で2回入力する必要はありません。

これは単独でテキストエリアで可能ですか、リッチテキストエディタを検討する必要がありますか、段落間隔付きの簡単なテキストエディタを作成する必要がありますか? (段落の間隔の後で、テキストエディタに付属するすべての追加の書式設定オプションではないので、このルートを使用しないでください)

答えて

1

Nope。 line-spacingプロパティがなければ、textareaの段落の間にスペースを追加することはできません。これは、JavaScriptやCSSセレクターができることではありません。

0

はい、keyboard event values、特にEnterキーを待ち受けている間は、JavaScriptを使用してテキストエリアの値を置き換えることができます。

変数に値を格納し、ユーザーがenter(そのイベント値は13)を押すたびに、そのテキストを取り、最後に新しい行を追加します。これが変数に格納された値になり、次にユーザーがEnterキーを押したときなどに新しい行が追加されます。

すでにjQueryのを使用している場合ここでは簡単な実装です:

$('#my-text').keypress(function(e) { 
    if(e.which === 13) { 
    var text = $('#my-text').val(); 
    $('#my-text').val(text + '\n'); 
    } 
}); 

eは、パラメータとして渡されたキーボードイベントであり、それがキーを入力することが発生したとき、コードがテキスト値を格納そのテキスト領域の値をその値に新しい行を加えたものに置き換えます。

ここにデモがあります: http://codepen.io/denmch/pen/qNyjZE

関連する問題