2009-11-18 42 views
13

我想在HTML頁面上顯示代碼字符。但無論我嘗試什麼,總是呈現HTML字符。 precode不起作用。我怎樣才能做到這一點?如何在HTML上打印代碼

+2

「code characters」?你可以說得更詳細點嗎? – 2009-11-18 13:58:37

回答

32

<xmp>標記不需要轉義內容。

如:

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

...看起來像這樣在屏幕上:

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

+1這是不推薦使用的,但它使用起來非常簡單。特別是爲了測試/調試目的,這是我認爲的最好的方法。希望它會再次有效! – bluish 2011-03-28 10:03:00

6

您需要使用character references,而不是普通的字符本身:

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

元素codepre只是爲了紀念內容代碼preformated

3

通過轉義他們。
&amp;將打印&
&lt;將打印>

你沒有提到你使用生成HTML,如果你手動編輯,有些編輯有選擇逃避的選擇是什麼。如果您使用的是語言,請查找一些轉義html特殊字符的函數。 (谷歌如何在language-name-here中如何轉義html)

2

尋找在你的語言的HTML編碼功能。

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

或類似

0

下載TinyMCE的從

https://www.tinymce.com/download/

<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>