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

推薦する

WeChatアプレットの世界的な状況の詳細な説明

序文WeChat アプレットでは、App.js の globalData を中間ブリッジとして使用し...

sqlalchemy に基づいて MySQL で追加、削除、変更、クエリ操作を実装する

需要シナリオ:上司は、クロ​​ーラーを使用してMySQLデータベースにデータを書き込んだり更新したり...

docker に php-fpm サービス/拡張機能/構成をインストールする詳細なチュートリアル

macにbrewを使ってphp56をインストールしたところ、 opensslがバージョン1.1だった...

フロントエンドコンポーネント化の基礎知識を詳しく解説

目次コンポーネントの基本概念オブジェクトとコンポーネントの違い成分属性属性とプロパティ属性:財産:ク...

MySQLはカスタム関数を使用して親IDまたは子IDを再帰的に照会します

背景: MySQL では、レベルに制限がある場合、たとえば、ツリーの最大深度を事前に決定できる場合、...

Quickjs は JavaScript サンドボックスの詳細をカプセル化します

目次1. シナリオ2. 基盤となるAPIを簡素化する2.1 自動的に破棄を呼び出す2.2 VM値を作...

MySQL の NULL と空の文字列

最近、MySQL に触れました。昨日、テーブル構造情報を格納するための新しいテーブルを作成しました。...

Centos7 で yum を使用して Ceph 分散ストレージをインストールするチュートリアル

目次序文yumソース、epelソースを設定するCephソースの設定Cephとそのコンポーネントをイン...

シンプルな虫眼鏡効果を実現するJavaScript

大きな箱の中に写真があります。マウスをその上に置くと、半透明のマスク レイヤーが表示されます。マウス...

Tomcat 実行時の JVM エンコーディングの問題を修正

質問:最近、プロジェクトを展開すると文字化けしたデータが出てきました。確認したところ、プロジェクトは...

Vue はアップロードした画像に透かしを追加できるようになりました (アップグレード版)

vueプロジェクトでは、アップロードした画像に透かしを追加して参照できるようにするアップグレード版...

CSS 疑似要素を使用して複数の連続する要素のスタイルを制御する方法

CSS 疑似要素を使用して要素を制御する場合、一部の要素のスタイルを変更する必要があることがよくあり...

mysql5.7 のエンコーディングを utf8mb4 に設定する方法

最近、問題に遭遇しました。モバイル端末の絵文字や一部の絵文字は 4 バイトですが、UTF-8 は 3...

Ubuntu 20.04 Firefox でビデオを再生できない (Flash プラグインがない) 場合の解決策

1. Flashプラグインパッケージのダウンロードアドレス: https://get.adobe.c...

Linux で複数の mysql5.7.19 (tar.gz) ファイルをインストールする方法

LinuxでのMySQL-5.7.19バージョンの初心者向けの最初のインストールについては、前の記事...