Mẹo chèn code nhanh vào khung chứa code

Trong quá trình viết blog thì mình thường phải chèn những đoạn code vào khung chứa code, để làm được điều này thì code cần được mã hóa và việc này làm mất khá nhiều thời gian. “Trong cái khó ló cái khôn” mình đã tình cờ biêt được một cách chèn code mà chẳng cần mã hóa, hôm nay mình sẽ giới thiệu cho mọi người cùng biết.

#1Cách cũ

Đối với cách cũ ta sẽ làm như sau:

1. Chọn chế độ viết HTML 

2. Viết cặp thẻ <pre> và </pre> 

3. Mã hóa code 

4. Dán code đã mã hóa vào giữa cặp thẻ pre

Điều này làm mất thời gian bạn phải đi mã hóa code.

#2Cách mới

1. Chọn chế độ viết HTML

2. Chèn nguyên code dưới vào

<pre>

code

</pre>

3. Chọn chế độ viết thường
4. Bôi đen code
5. Dán code vào phần bôi đen, khi click chuột phải ta không chọn "dán" mà chọn "dán dưới dạng văn bản thuần túy" (ctrl + shift + v )

#3Vì sao chọn "dán dưới dạng văn bản thuần túy"?

Vì khi bạn copy một đoạn code thì sẽ copy luôn cả thuộc tính chữ, khi ta chọn "dán dưới dạng văn bản thuần túy" thì nó chỉ là chữ đơn thuần. Lúc ta chèn nó vào cặp thẻ pre thì nó sẽ mang các thuộc tính mà ta đã quy định khi tạo khung chứa code.
Nếu bạn làm tới bước 5 mà chọn "dán" thì nó sẽ hiện ra luôn cả cái khung chứa code, màu chữ, kích thước chữ, phông chữ... ban đầu của code mà bạn copy.

#4Vì sao phải mã hóa code nếu dùng cách cũ?

Đối với cách cũ ta phải chèn code ở chế độ viết HTML, như các bạn đã biết, trong HTML người ta dùng các thẻ (tag), mỗi thẻ mở sẽ có một thẻ đóng nhưng cũng có một số thẻ không có thẻ đóng, ví dụ như thẻ <br/>. các thẻ cơ bản là cấu tạo như sau : < tên thẻ , id , class ... > , trong một số thẻ sử dụng kí tự & . Như vậy, khi chèn code vào cặp thẻ pre, nếu là code CSS thì không sao còn nếu là code HTML thì cần mã hóa. Vì trong code HTML bạn chèn vào sẽ có các kí tự như < > & máy nó sẽ hiểu đó là HTML. Để khắc phục việc này ta phải mã hóa code, việc này làm như sau :
<  thành &lt; , > thành &gt; và & thành &amp; , tuy nhiên đã có khung mã hóa code làm việc này, Code mà bạn mang đi mã hóa chỉ thay đổi có vậy thôi.
Như vậy, trong chế độ viết HTML mà ta viết &lt;  &gt; &amp; thì chuyển sang chế độ viết thường sẽ là < > &.