5

ユーザーがコメント用のテキスト領域に入力した長いテキストをラップするために、次のコードを使用しています。

function addNewlines(comments) {
  var result = '';
  while ($.trim(comments).length > 0) {

    result += comments.substring(0,70) + '\n';
    comments = comments.substring(70);
  }
  return result;
}

問題は、以下のスクリーン ショットに示されています。それを解決する方法についてのアイデアはありますか?メソッドを使用lastindexof(" ")して部分文字列の最後のスペースを取得し、この問題を論理的に解決できますか? 誰でもこの小さなコードを調整して正しくすることができますか?

出力の scrn ショット

4

8 に答える 8

2

CSSでテキストをラップする方が良い解決策だと思いますが、役立つリンクがここにありますwrap-text-in-javascript

ところで、テキスト google it をラップするための JQuery プラグインもあるのを覚えています。

于 2013-04-22T07:12:01.437 に答える
1

上記のものは、99% の時間しか機能しません。これは私にとって100%機能する唯一のものです: http://locutus.io/php/strings/wordwrap/

于 2016-10-29T23:04:51.813 に答える
1

word-wrap: break-wordCSSで試してみてください。
このword-wrapプロパティは、ブラウザー (IE 5.5 以降でも) で十分にサポートされています。
詳細はこちら: https://developer.mozilla.org/en-US/docs/CSS/word-wrap
使用例: FIDDLE

于 2013-04-22T07:03:46.250 に答える
1

次のいずれかを試してください。

  1. word-wrap:no-wrap;
  2. word-wrap: break-word

それはあなたの問題を解決するかもしれません

于 2013-04-22T07:01:30.633 に答える
0

こんにちは、テキスト領域にCSSを適用するだけです

style="word-wrap: break-word;" 
于 2013-04-22T07:03:40.870 に答える