cssでbr削除すると半角スペースが入る!

はい、みなさんこんにちは。
コロナがだいぶ落ち着いてきたのでそろそろ土日をつかって旅行に行きたいですが
まだまだ完全に落ち着いたわけではないのでちょっと怖いですね…。

私はこの業界に入って6、7年ほどですが、今の今まで表題のことに気づかずに
生きてきました。恥ずかしい…

そう…cssでbr削除すると半角スペースが入る!

今回はスマートカスタムフィールド(SCF)を使用して
お客様が入力できるキャッチコピー欄でこの事象が発生!

対応策としてネットで検索しても意外と良いものが出てこず、
社内のシステマー、プログラマーさんに相談したところ今回の方法を
編み出してくれましたので紹介したいと思います。
(自分じゃ解決できなかった…)

では早速!
下記をfunctionに記載します。
コピペのままでOK✨

/* ------------------------------------------------------------- */
// nl2br()の処理の後に改行コード(\nや\r)を削除する関数
// ∵改行コードはブラウザでは半角スペースとして出力されてしまう
// 関数名の"ehs"は"erace half space"の略です
/* ------------------------------------------------------------- */
function nl2br_ehs($strings){
     return str_replace(array("\r\n", "\r", "\n"), "", nl2br($strings));
}

吐き出したいところには下記を記載します。
()内はカスタムフィールドの値をいれて完了です!

<?php echo nl2br_ehs() ?>

あっという間!同じようなことで悩んでいる人のお役に立ちますように(*^-^*)