2009-11-18 35 views
13

Tôi muốn hiển thị các ký tự mã trên trang HTML. Nhưng không có vấn đề gì tôi thử nó luôn luôn ám ký các ký tự HTML. pre hoặc code không hoạt động. Tôi có thể làm cái này như thế nào?Cách in mã trên HTML

+2

"ký tự mã"? Bạn có thể cụ thể hơn không? –

Trả lời

32

Thẻ <xmp> không yêu cầu nội dung phải được thoát.

ví dụ:

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

... sẽ trông như thế này trên màn hình của bạn:

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

+1 Nó không được dùng nữa, nhưng nó rất dễ sử dụng .. Đặc biệt là cho mục đích kiểm tra/gỡ lỗi, đó là cách tốt nhất, tôi nghĩ vậy. Hy vọng nó sẽ có giá trị một lần nữa !! – bluish

6

Bạn cần phải sử dụng character references thay vì các nhân vật đồng bằng mình:

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

Các yếu tố codepre chỉ là để đánh dấu nội dung như đang hoặc preformated.

3

Bằng cách thoát chúng.
&amp; sẽ in &
&lt; sẽ in >

Bạn đã không đề cập đến những gì bạn đang sử dụng để tạo ra html, nếu bạn đang tự chỉnh sửa, một số biên tập viên có các tùy chọn để thoát khỏi một sự lựa chọn. Nếu bạn đang sử dụng một ngôn ngữ, hãy tìm một số chức năng thoát khỏi các ký tự đặc biệt html. (google để biết cách thoát html trong language-name-here)

2

Hãy tìm một chức năng mã hóa HTML trong ngôn ngữ của bạn.

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

hoặc tương tự

0

Tải TinyMCE Từ

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> 
Các vấn đề liên quan