Chia sẻ code mã hóa ký tự HTML của KslZone.NET

Đã lâu lắm rồi không đụng đến blog của mình, điều thực sự dẫn đến lý do này là mình lười tìm ý tưởng để chế tác ra những thủ thuật mới để chia sẻ với mọi người quá. Thôi thì bữa nay tiếp tục chia sẻ những cái hiện có trên blog mình đi cho đỡ buồn. Bữa trước cũng có người hỏi mình về trang mã hóa code HTML của mình, thế nên hôm nay tiện viết một bài nhỏ để chia sẻ với mọi người code mã hóa mà mình đang sử dụng nhé.

Đoạn mã này giúp các bạn chuyễn những ký tự đặc biệt về dạng ASCII. Mình thường sử convert như bằng nó để dán vào khung nhận xét nó hiện ra đoạn mã mà mình muốn chia sẻ chứ không bị ẩn đi. Để hiểu rõ hơn bạn có thể thảm khảo tại trang "Chuyễn mã HTML" dán một mã HTML bất kì và bỏ vào phần nhận xét trên blog bạn sẽ thấy nó hiện ra một cách bình thường.

Chuyển ký tự đặc biệt HTML qua ASCII

Ok bây giờ tơi phần code đây, bây giờ bạn chỉ cần sao chép đoạn mã này vào nơi mà bạn muốn hiện. Nó có 2 khung, khung trên điền và khung thứ 2 sẽ convert trực tiếp theo thời gian thực.

<script type="text/javascript">
function $(esc_tool){
return document.getElementById(esc_tool)
}
var char2entity = { "'" : '&#39;', '"' : '&quot;', '<' : '&lt;', '>' : '&gt;', '&' : '&amp;'};
function escape_entities(str) {
var rv = '';
for (var i = 0;i < str.length; i++) {
var ch = str.charAt(i);
rv += char2entity[ch] || ch;
}
return rv;
}
function do_escape(e){
document.getElementById('escaped').value = escape_entities(e.value)
}
</script>
<textarea onchange="do_escape(this)" onkeyup="do_escape(this)" rows="10" style="font-family: ‘courier new’,monospace; height: 10em; width: 100%;"></textarea>
<textarea id="escaped" onclick="this.select()" readonly="readonly" rows="10" style="font-family: ‘courier new’,monospace; height: 10em; width: 100%;"></textarea>

bạn có thể kết hợp đoạn mã này với thủ thuật "Spoiler cho Blogger" để thu gọn nó và nhét xuống vị trí khung comment để người dùng tiện sử dụng. Đoạn mã này có thể đơn giản hơn nhiều so với những blog khác nhưng mình cảm thấy chỉ như vầy là đủ.

Đoạn Javascript trên thì khá là đơn giản rồi nên mình cũng không giải thích thêm về nó nữa, mọi thắc mắc cần thiết, hoặc vị trí mà bạn muốn chèn vào blog mà không biết phải chèn sao thì cứ để lại nhận xét cho mình ở phía dưới nhé.

http://www.kslzone.net/2014/11/ma-hoa-ky-tu-html-bang-javascript.html