Cách nầy cực kỳ đơn giản .Với dạng nầy thì chỉ chèn đoạn code sau đây vào trược tiếp trên bài viết nơi muốn hiển thị nội dung.
<div align="left">
<textarea cols="65" name="code" onclick="this.select()" rows="3">Đây là đoạn văn bản code cần hiển thị</textarea></div>
Người xem chỉ cần click và vùng hiển thị code và copy (Ctrl C) toàn bộ đoạn code được hiển thị.
Chú ý:
rows="6" biểu thị chiều cao của vùng hiển thị, bạn có thể tuỳ ý thay đổi chỉ số này tuỳ thuộc vào chiều cao cần thiết cho vùng hiển thị.
cols="40" biểu thị chiều rộng của đoạn văn bản, chỉ số này được thay đổi tuỳ thuộc vào chiều rộng mà bạn cần thể hiện.
Cách khác
Tạo vùng hiển thị văn bản với nút "Highlight" để khi click vào nút này thì đoạn văn bản hay code cần hiển thị sẽ được bôi đen để bạn copy. Tiện ích này rất hữu ích, đặc biệt là đối với đoạn văn bản hay code dài . Để tạo vùng văn bản hay code kiểu này, bạn có thể copy đoạn mã HTML sau:
<div>
<form name="copy">
<div align="left">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All">
</div>
<div align="left"> </div>
<p align="left">
<textarea style="WIDTH: 300px;Height: 144px" name="txt" rows="100"
Chú ý:
Width: 300px là chiều rộng có thể tùy chỉnh.
Height: 144px là chiều cao có thể tùy chỉnh
Chúc bạn chọn được 1 kiểu theo ý thích của mình.
