【解決方法】Web テキスト領域の改行を認識する方法

プログラミングQA

2023.05.30

[ad_1]

テキストエリアがあります。
複数行のテキストを入力した場合でも、テキスト全体が var 変数の単一行として受け取られていました。

例: こんにちは。
私は元気です。

これを変数に入れるとき、これを次のようにしたいです
「こんにちは、「/br タグ」は大丈夫です。」
でも「やあ、元気だよ」みたいな感じで来ます。

これを手伝ってください

前もって感謝します。

解決策 1

TextArea は、改行にキャラージュリターン (‘\r’)、ラインフィード (‘\n’) スタイルの文字を使用します。文字はデバッガの表示では新しい行として解釈されるため、デバッガでも表示されない場合があります。

これらは改行を入れて HTML ページに出力される可能性があります。

HTML

<div>
HI,
i am good. 
</div>

しかし、あなたが正しく述べたように、ブラウザは
なしではそれを無視します

これを試して：

//C#
var stringAsHtml = myTextArea.Text.Replace("\r\n", "<br />\r\n");

JavaScript

//Javascript
var stringAsHtml = $(selector).val().Replace("\r\n", "<br />\r\n");

If はマークアップ内の改行を保持して読みやすくします。出力は次のようになります。

XML

<div>
HI, <br />
i am good.
</div>

それが役立つことを願っています^_^

ありがとう、アンディ！

私はあなたのコード提案のこのバージョンを使用しました。 replaceAll を使用すると、すべてのインスタンスを変更できます。

JavaScript

const addLinebreaks = (anyString) => {
  return anyString.replaceAll("\n", "<br />\r\n");
};

これは改行を確認するためのテストです。
私のプロジェクトの開発にはこれが必要です。
私を助けてください。もっと手がかりが必要です

[ad_2]