jqueryでtextareaから取得した値の改行の取り扱い方法について

Question

###前提・実現したいこと
テキストエリアから取得した値の改行が
のようになってしまいます。
データベースにも
が入っています。
どのように改行コードを変換？してあげれば良いでしょうか？

###該当のソースコード

//#contactHistoryはテキストエリアのidです。
var contactHistory = $("#contactHistory").val().replace(new RegExp('\r\n', 'g'), '\n').replace(new RegExp('\n', 'g'), `\r\n`);
console.log(contactHistory);

###補足情報(言語/FW/ツール等のバージョンなど)
・テキストエリアの入力内容
改行テスト
改行テスト

・データベースに入る内容
改行テスト
改行テスト

###追記

<textarea id="contactHistory" class="form-control" rows="5"></textarea>

$(document).on('click', '#saveFormap', function(){
	var id = $(this)[0].dataset.id;
	var contactHistory = $("#contactHistory").val();

	console.log(contactHistory);
	$.ajax({
		type: 'POST',
		url: 'http://localhost/test/',
		data: {
			'id': id,
			'val': contactHistory,
			},
		dataType: 'json',
		}).done(function (response) {
		if(window.confirm('本当に更新してよろしいですか？')){
			$('.close').click();
		}
		}).fail(function () {
			alert("通信に失敗しました。");
	});
});

###追記

//$valには改行テスト
改行テストが入っています。
$id = (int) filter_input(INPUT_POST, 'id', FILTER_SANITIZE_NUMBER_INT);
$val = (string) filter_input(INPUT_POST, 'val', FILTER_SANITIZE_SPECIAL_CHARS);

$val = preg_replace("/\r\n|\r|\n/", "\n", $val);

Comments

[m.ts10806]

replace()を重ねられてますが、何か表示のためですか？

[ssk]

こちらのサイトから情報をいただきました。http://info-i.net/convert-lf-to-crlf

[m.ts10806]

DBに入れるのであればreplace()せずにval()をそのまま突っ込んでそのまま表示すれば良いですよ。

[ssk]

DBに入っているテキストが「改行テスト
改行テスト」のため、表示する際に
が表示されてしまいます。

[m.ts10806]

replace()結果を保存しているからだと思いますが。。。一度replace()しない状態で保存してみては？

[coco_bauer]


 は、ASCIIコードの　\r\n　です。(\rの文字コード0x0D,\nの文字コードは0x0Aで、１０進数の表記にすると
と
になる) どのようにしてtextareaから値を取得して、それをどのようにして表示すると「
」のようになるのかを説明してくれませんか。

[ssk]

replace()を使用しないで保存してみました。しかし、保存されているテキストは「改行テスト
改行テスト」となっております。。

[ssk]

coco_bauer様、情報を更新いたしまいました。

[ssk]

javascript側ではなく、PHP側の処理の問題でしょうか、、

[m.ts10806]

DBとプログラムの文字コードは関係するかもしれません。

[ssk]

DB、プログラム共にUTF-8を利用しています。

[ssk]

質問の趣旨とズレてしまいますが、「改行テスト
改行テスト」の文字列をPHP側で改行するにはどのように書けば良いのでしょうか、、

[ssk]

PHP側の処理を追記いたしました。

[m.ts10806]

javascript,php共にreplaceの処理を外した場合はどうなりますか？また「PHP側で改行する」とはDBに入れるためでしょうか、HTML表示のためでしょうか？

[ssk]

mts10806様、ありがとうございます。PHPで受け取る際にFILTER_SANITIZE_SPECIAL_CHARSを外したところ、意図した保存を行うことができました。

Answer 1

mts10806様、coco_bauer様
助言ありがとうございました。

javascript側の処理の問題かと思っていましたが
jsonで受け取ったPHP側の処理の問題でした。

下記、解決したコードを記載しておきます。
助言、誠にありがとうございました。

$txt = (string) filter_input(INPUT_POST, 'val');
$val = preg_replace("/\r\n|\r|\n/", "\n", $txt);