HTML のテキストエリアの改行問題の概要

HTML のテキストエリアの改行問題の概要
最近、Textrea に転送したときに、データが本当に行ごとに保存できるかどうかという問題に遭遇しました。要約すると次のようになります。

問題の説明:
たとえば、「AAA BBB」などのデータを TextArea に取得し、このテキストを行単位で表示するのではなく、実際の行単位で TextArea に格納したいとします (いわゆる実際の行単位の格納とは、この TextArea のデータが別のページの Textarea に投稿されたときにも行単位で格納されることを意味します)。

解決した問題1:
最初にデータが送信されたとき、形式は AAA<BR />BBB ですが、これは改行を表示するためのものです。実際には、TextArea の行に格納されているわけではありません。別の TextArea に送信されたときに、改行ではなく AAABBB と表示されるためです。したがって、行に格納されているようにのみ表示されます。

質問の基本:
HTML の改行は <BR /> ですが、TextArea の改行は /n です。

問題解決2:
まずデータを送信し、Javascriptを使用して<BR />と/nを置き換えます。送信時には、<BR />は区切り文字として使用されます。送信後、

コードをコピー
コードは次のとおりです。

<スクリプト>
// 改行と復帰
var haha​​=document.getElementById("SendTextArea").value;
haha=haha.replace('
','/n');
document.getElementById("SendTextArea").value=ははは;
</スクリプト>

それでおしまい!

<<:  ヘッダーのチェックボックスをテキスト実装コードに変更するための選択テーブルを持つ要素

>>:  バックエンドから返される 100,000 個のデータをフロントエンドでより適切に表示するにはどうすればよいですか?

推薦する

MySQLは間違ったパスワードを入力する試行回数を制御します

1. 本番環境でMySQLのデッドロックを監視し、デッドロックの可能性を減らす方法まず、デッドロック...

CSS ボックスの折りたたみに対する 5 つの解決策

まず、ボックスコラプスとは何でしょうか?親ボックスの内側にあるべき要素が外側にあります。第二に、箱は...

高速レイアウトのための CSS ビューポート単位

CSS ビューポート ユニットはここ数年登場しており、時が経つにつれて、ますます多くの開発者が使用し...

TypeScript インターフェース定義ケースチュートリアル

インターフェースの役割:インターフェース (英語: interface) の機能は、簡単に言えば、コ...

史上最も簡単な MySQL データのバックアップと復元のチュートリアル (パート 2) (パート 37)

データのバックアップと復元パート3の詳細は次のとおりです基本的な概念:バックアップ、現在のデータまた...

Ubuntu 18.04 が VMware 仮想マシンでネットワークに接続できない問題の解決策

仮想マシン内のUbuntu 18.04がネットワークに接続できない問題の解決策は次のとおりですVMw...

MySQLデータベース最適化技術の簡単な紹介

成熟したデータベース アーキテクチャは、最初から高可用性、高スケーラビリティなどの機能を備えて設計さ...

MySQL シリーズ 9 MySQL クエリ キャッシュとインデックス

目次チュートリアルシリーズ1. MySQL アーキテクチャクエリキャッシュキャッシュされないクエリ:...

Reactでコンポーネントを作成する方法

目次序文コンポーネントの紹介クラスコンポーネントの作成状態についてレンダリングについて関数コンポーネ...

Centos8 で Apache httpd2.4.37 を使用して Web サーバーをインストールする詳細な手順

ステップ 1: yum install httpd -y #httpd サービスをインストールします...

Centos 7にmysql5.7.24バイナリバージョンをインストールする方法と解決方法

MySQLバイナリのインストール方法mysqlをダウンロード参考: 1. パッケージを解凍する ta...

ネイティブ JavaScript でシンプルな Gobang ゲームを実装する

この記事では、JavaScriptで簡単なGobangゲームを実装するための具体的なコードを参考まで...

MLSQL スタックでストリームのデバッグを簡単にする方法

序文クラスメートが MLSQL Stack のストリーミング サポートを調査しています。そこで、フロ...

MySQL の行レベルロックの詳細な例

序文ロックは、複数のスレッドを実行するときにリソースへのアクセスを強制的に制限するために使用される同...

LinuxにVSCodeをダウンロードしてインストールし、プログラミングを使用して現在の時刻を出力する

rpmコマンドがソフトウェアのインストールに使用するパラメータはどれですか: -i rpm コマンド...