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

[ad_1]

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

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

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

これを手伝ってください

前もって感謝します。

解決策 1

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

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

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

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

これを試して:

C#
//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>

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

解決策 2

ありがとう、アンディ!

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

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

解決策 3

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

[ad_2]

コメント

タイトルとURLをコピーしました