javascript - Javascript: 100 文字ごとに Break を追加

Question

たとえば、これを長いテキストに書く場合：

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

テキストがページからはみ出しています。100 文字ごとに<br />タグを作成できるので、それを修正するアイデアがあります。しかし、私はそれを行う方法がわかりません。

助けてくれてありがとう！

Answer 1

強制的に折り返したい要素で次の CSS プロパティを使用するだけです。

word-wrap: break-word;

JavaScript は必要ありません。

本当にJavaScript を使用したい場合は(概念として。アクセシビリティと使いやすさの点で CSS の方が優れています)、先に進んでください。

ああ、もう1つ、モノスペースではない（むしろプロポーショナルな）フォントを使用している場合、100文字で切り取っても効果がない可能性があります. 1 行に 100 個の「i」文字があり、次の行にはさらに 100 個の「m」文字があり、サイズが大きく異なります。

ああ、もう1つinnerHTML、すべてがテキストでない限り、正規表現の置換を適用することはできません。そこに他の要素が存在する可能性がある場合は、実際にノードをループして、この手法をテキスト ノードのみに適用する必要があります。

ああ、もう一つ、気にしないでください。JavaScriptでそれを行うには問題が多すぎます。

Answer 2

次のコードを試すことができます

str = 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa';

len = str.length;
loop = len / 100;
document.write(loop);
document.write('<br>');

for(i=0; i<=loop; i++){
  document.write( str.slice( i*100, (i*100)+100) );
  document.write('<br>');
}