2009-11-18 18 views
13

HTMLページにコード文字を表示します。しかし、私が何をしようと、それは常にHTML文字をレンダリングします。 preまたはcodeは機能しません。これどうやってするの?HTMLのコードを印刷するには

+2

"コード文字"?もっと具体的になりますか? –

答えて

32

<xmp>タグでは、コンテンツをエスケープする必要はありません。

例:

<xmp> 
    <p>Blah &nbsp;</p> 
</xmp> 

は...あなたの画面上で次のようになります。あなたの言語でのHTMLエンコード機能について

<p>Blah &nbsp;</p> 
+2

+1推奨されていませんが、使い方が簡単です。テスト/デバッグのためには、これが最善の方法です。それが再び有効になることを願っています! – bluish

6

あなたはプレーンな文字の代わりに自分自身をcharacter referencesを使用する必要があります。

<code>&lt;HTML&gt;</code> 

要素codepreはちょうどかプリフォーマットコードなどのコンテンツをマークしています。

3

エスケープすることで
&amp;&
&lt;>

を印刷します印刷しますあなたは、あなたが手動で編集している場合、一部の編集者が選択をエスケープするオプションがあり、あなたがHTMLを生成するために使用しているものは言及しませんでした。言語を使用している場合は、htmlの特殊文字をエスケープする関数を探します。 (language-name-hereのHTMLをエスケープするにはgoogle)

2

ルック。

string s = HtmlEncode(myInput); 
response.write(s) 

または類似

0

ダウンロードTinyMCEの

<html> 
    <head> 
    <script src='tinymce/js/tinymce.min.js'></script> 
    <script> 
    tinymce.init({ 
     selector: '#myTextarea', 
     height: 300, 
     width:800, 
     theme: 'modern', 
     plugins: [ 
      'advlist autolink lists link image charmap print preview hr anchor pagebreak', 
      'searchreplace wordcount visualblocks visualchars code fullscreen', 
      'insertdatetime media nonbreaking save table contextmenu directionality', 
      'emoticons template paste textcolor colorpicker textpattern imagetools' 
     ], 
     toolbar1: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image', 
     toolbar2: 'print preview media | forecolor backcolor emoticons', 
     image_advtab: true 
    }); 
    </script> 
    </head> 
    <body> 

    <textarea name="myTextarea" id="myTextarea" rows="4" cols="50">Hello Ashish</textarea> 
    <input type='submit' value='save'/> 
    </body> 
    </html> 
関連する問題