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 個のデータをフロントエンドでより適切に表示するにはどうすればよいですか?

推薦する

Ubuntu 20.04 に GitLab をインストールして設定する方法

導入GitLab CE または Community Edition は、主に Git リポジトリのホ...

テキストエリアタグはサイズ変更できず、マウスでドラッグすることもできません

テキストエリアタグのサイズは不変ですコードをコピーコードは次のとおりです。 <textarea...

CSSにスティッキー効果を追加する方法

前面に書かれたfilter:blur と filter:contrast がこのような素晴らしい化学...

MySQL フラッシュリストとダーティページフラッシュメカニズム

1. レビューMySQL の起動後にバッファ プールが初期化されます。バッファ プールは N 個の空...

uni-appがNFC読み取り機能を実装

この記事では、参考までに、NFC読み取り機能を実装するためのuni-appの具体的なコードを紹介しま...

JavaScript でアルゴリズムの複雑さを学ぶ方法

目次概要Big O 表記法とは何ですか?オー(1)の上) (n^2) O(logn) ですの上!)結...

追加、削除、変更、クエリを実行するための JS 操作オブジェクト配列のサンプルコード

1. はじめに最近、私は友人が JSON 配列を追加、削除、変更するための簡単なページを作成するのを...

vue+springbootでログイン認証コードを実現

この記事では、ログイン認証コードを実装するためのvue+springbootの具体的なコードを例とし...

入力ボックスのカーソルサイズの表示が一貫していない問題の解決方法

入力ボックス内のカーソルのサイズが一定ではありませんIE7とChromeの違いは非常に明白ですまず、...

nginx で http でアクセスする Web サイトを https に変更する方法

目次1. 背景2. 前提条件https:証明書システム: 3. 操作プロセス3.1 証明書の生成3....

Linux でのファイルの編集、保存、終了の実践的な説明

Linux でファイルを編集した後、保存して終了するにはどうすればよいですか?保存して終了するコマン...

Linux で MongoDB のリモート自動バックアップを実装する方法

序文古いプロジェクトを引き継ぐ苦労 - MongoDB クラスターの学習と構築に関する前回の記事を読...

ウェブデザインにおける階層化インターフェースの設計経験

多くのネットユーザーは、なぜ自分のウェブサイトはいつも色の問題を抱えていて、いつも地味に見え、注目を...

MySQLクエリが遅い場合の理由と解決策

Python プログラムを書き、Mysql ライブラリを集中的に操作したためです。データ量が多くない...

MySQLからHiveにさらにデータをインポートするためのソリューション

元の派生コマンド: bin/sqoop インポート -connect jdbc:mysql://19...