Textarea - 各行を取得し、改行を見つける

Question

各行をテキストエリアに入れたい。テキストエリアは小さく、幅の制約に従って単語をラップします。だから私が試した：私も個別と一緒にwrap="hard"とwhite-space: pre-wrapを試してみました

// Sample text: I want to find(line wrapped) all lines here 

$("#textarea1").val().split(/(\r\n|\n|\r)/gm).length 
// 1, not the right length, should be 2 

$("#textarea1").val().split(/\r?\n/g).length 
// 1 

$("#textarea1").val().split("\n").length 
// 1 

$("#textarea1").val().split("\r").length 
// 1 

。

改行が見つかりませんでした !!助けが必要です、ありがとう。

Answer 1

だから私はそれをやった方法だった：

• クローン透明テキストエリアにtextarea in question - $("#text")。透明なフォントを使用してください。
• クローンのid値を$("#newtext")に変更し、DOMに追加します。
• すべてのキーアップで、this character's keyupの前に$（ "＃text"）の値を取ります。その値を$("#newtext")に入れて、$("#newtext").get(0).scrollHeight() > $("#newtext").height()かどうかを確認します。 trueの場合>this文字が改行を引き起こしました。ループ内$("#newtext")の
• 増やし行
  $("#newtext").get(0).scrollHeight() === $("#newtext").height()
• まで、this文字の前にテキストを取る\nを追加し、$("#text").val()に$("#newtext").val()を適用$("#newtext").val()
• にthis文字を追加します。
• DOMから$("#newtext")を削除します。上記の手順のすべてのあらゆるからkeyupイベントに

答え上記

繰り返して、同様のライン上で動作します - だから、stackoverflow.com/questions/3738490/finding-line-wraps – evolutionxbox yesterday

、基本的に我々は$("#text").val().split("\n")を使用して見つけることができます改行に改行を変換します。

（注 - 私たちはDOMに透明テキストエリアを追加していない場合は、そのscrollHeight()はundefinedになります）私は、このことも可能であるかわからない

Answer 2

あなたが言ったように、テキスト領域は幅の制約に従って単語をラップします。つまり、あなたが見つけるための改行はありません。あなたが探している改行は文字であり、それらの文字はテキストに挿入されていません。