PHPのフロントエンドで余分なスペースを節約する方法は？私は、データベースに格納されている正確な文字列以下のいる

Question

：

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an       unknown printer took a galley of type and scrambled it      to make a type specimen book. 


It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. 

は、余分なスペースと、私は、文字列に追加した余分な段落/改行に注意してください。

私はこのデータをecho nl2br($val);を使って示していますが、段落改行は保持されていますが、文字列内の余分なスペースは削除されています。

どうすればこの問題を解決できますか。

Answer 1

<pre><?= $val; ?></pre>タグラッパーを使用して、テキスト内の空白と改行を保存します。

Answer 2

PHPはスペースを削除しません。 HTMLでさえありません。

しかし、HTMLは、レンダリング時に2つ以上の連続する空白を1つに圧縮します。これはHTMLの仕組みだからです。

テキストをそのままレンダリングする方法はいくつかあります。

そのうちの一つは、<pre>要素にテキストを置くことです：

echo '<pre>', $val, '</pre>'; // there is no need to nl2br() 

別のオプションは、CSS属性white-spaceを使用してレンダリング要素を強制することです：

echo '<p style="white-space: pre;">', $val, '</p>'; 

Answer 3

の意志コードの下にしてみましょうテキスト内に空白や改行を残しておきます。

$str = "<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an       unknown printer took a galley of type and scrambled it      to make a type specimen book.</p> 

<p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>"; 

echo preg_replace("/\r|\n/", "", $str); 

Answer 4

空白は、HTMLの仕組みによって閉じられます。

それらを保存するための最良の方法は、以下のとおりです。

1.  とスペースを交換してください。
   これは、「非改行スペース」文字のHTMLエンティティです。スペースとして表示されますが、ブラウザで印刷可能な文字として扱われます。したがって、通常のスペースと同じように閉じられることはありません。また、ブラウザがその時点でワードラップするのを防ぐので、ワードを一緒にしたい場合に便利です。

2. CSS white-space: pre;を使用してください。
   これにより、ブラウザはすべてのスペースを閉じなくなります。また、あなたのテキストにキャリッジリターンを戻すので、あなたが求めているものはかなりです。あなたのページレイアウトにノックオン効果があるかもしれません。

いずれかのトリックを行います。しかし、私は上記のコメントで述べたことをもう一度繰り返します - テキストの書式を操作するスペースを使用することは、ほとんど常に間違った解決策です。 15年前にIE6が王様になっていて、CSSの機能を利用できなかったこともありましたが、今日ではそれが正しいアプローチではありません。