ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLの改行文字「↵」の扱い方
この記事ではHTMLの改行文字「↵」の対処法を紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。
Ajax を介してフィールド値を要求します。文字は String 型であり、改行文字 ↵
が含まれています。取得される文字列の内容を改行して元の形式で表示します。
要素を文字列に置き換えて問題を解決する
[危険] エラー プロセス: 要素を文字列に置き換えることを考える最初の試行では、常に <br>
タグを使用して ↵
文字を置換していましたが、置換は失敗しました。
正しい解決策
var myString = myString.replace(/(\r\n|\n|\r)/gm, "<br />");
[info] は ↵
に置き換えられませんが、html n では \r,\ として認識され、他のエスケープ文字があるため、\r\n を使用して置き換える必要があります。
<body> <p id="app"></p> <p id="app2"></p> <script type="text/javascript"> var msg = `你好 换行符 这是一个非常有意思的替换`; var msg2 = msg.replace(/(\r\n|\n|\r)/gm , "<br />"); document.getElementById("app").innerHTML = msg; document.getElementById("app2").innerHTML = msg2; console.log(msg) console.log(msg2 ) </script> </body>
結果の表示<br>
重要な注意事項: 改行 ↵ はキーボードから入力する必要があります。テストを目的としたものではありません。効果。↵ 文字。
推奨学習: html ビデオ チュートリアル
以上がHTMLの改行文字「↵」の扱い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。