2011-06-25 3 views
2

私はテキストエリアにいくつかのコードを含むHTMLフォームを生成しています。テキストエリアで余分なスペースを取り除くにはどうすればよいですか?

生成されたHTMLは次のようになります。

<textarea id="message" name="message" 
    rows="18" cols="40">The quick brown fox 
    <?php echo $page_url;?> 
</textarea> 

ページがブラウザに表示されている場合、それは次のようになります。変数は何の大手が含まれていないので

The quick brown fox 
     http://www.example.com 

私は、それを説明するカントCSSスタイリングは適用されません。

誰でもこれを引き起こしていると思いますか?

+0

このように書くと、同じことが起こります: Tarek

答えて

6

の空白を1として連続した空白をレンダリングするHTMLとは異なり、あるとしてレンダリングされています。

<textarea id="message" name="message" 
    rows="18" cols="40">The quick brown fox<?php echo $page_url;?></textarea> 
+0

それは働いた!ピー、私はここで尋ねるだけで私の髪を引っ張って時間を節約できたかもしれない...私はあなたのawesomenessに畏敬の念をしていると言うことはできますか? :p – oompahloompah

1

<?php echo ..の左側にスペース(またはタブ)があります。それらが表示されます。複数の空白はTextareaで削除されません。

<textarea id="message" name="message" 
    rows="18" cols="40">The quick brown fox 
<?php echo $page_url ?> 
</textarea> 
1

単にあなたがあなたのコードを...インデントという事実は

はそれを試してみてください。<textarea>内部

<textarea id="message" name="message" 
    rows="18" cols="40">The quick brown fox 
<?php echo $page_url;?> 
</textarea> 
1

スペースはテキストエリアに保存されます。

var te = document.createElement('textArea'); 
te.innerHTML = 'asddf asdf\n     http'; 
document.body.appendChild(te); 

私はちょうどあなたがテキストエリアにスペースや改行を尊重し、この

<textarea>some test<?=$var?></textarea> 
2

ような何かをしたいと思います修正するには

を実証するため放火犯で実行されていました^いくつかのテストコード。これはhtmlドキュメント自体の動作とは異なります。

0

テキスト領域内に新しい行を使用する必要はありません。レンダリング中に新しい行をいくらかの空白として考慮します。

0

テキスト領域には、<textarea>タグのすべてのスペース、改行(Enterボタンを使用)が考慮されるため、不思議なスペースが表示されます。 <textarea>
<php? echo $var; ?>
</textarea>
これらの余分なスペースや改行を削除した後は、次のようになります。 <textarea><php? echo $var; ?></textarea>

関連する問題