1. ホーム
  2. Web制作
  3. html5

textareaで改行や空白を処理する

2022-01-14 03:44:39

textareaを使ってフォアグラウンドでテキストを編集し、jsでバックエンドに送信する場合、スペースと改行が最も考慮しなければならない問題です。textareaでは、スペースと改行は次のように保存されます。 /s /n 私たちが入力して前面に表示するテキストがテキストエリアであれば、何もしなくても、テキストエリアに書いたスタイルが、前に編集したスタイルに従って、正しく表示されるのです。

textareaエディタで送信されたテキストをバックエンドから返し、textareaに表示しない必要がある場合、スペースと改行の処理を考慮する必要があります。

実は、このプロジェクトを進めているときは、こうした問題について全く考えていなかったのですが、最近、ユーザーがテキストエリアにテキストを入力して送信すると、記事形式でページに表示されるという要件が発生しました。ユーザーが入力したスペースがいくつであろうと、デフォルトでは各段落は2文字ずつしかインデントされず、ユーザーがアップロードした詩の形式も考慮しなければならないので、各段落の間に空白行が2行入ることがあります。一言で言えば、「ユーザーが入力したスペースを削除し、段落間の改行を維持する」ということです。

そこで、結局、何も加工せずに直接バックエンドに保存することにしました。表示するときは、バックエンドからテキストを取得し、テキスト内のすべてのスペースを削除し、それを

<pre>