Hí anh em! Bài viết này mình sẽ mang đến cho anh em tính năng Double Click to Selection trong styntax highlighter trên blogger hoặc blogspot.
Syntax Highlighter là gì
Syntax Highlighter là một trình soạn thảo văn bản làm nổi bật việc viết mã đánh dấu trên các trang web để giúp khách truy cập nhận ra toàn bộ mã dễ dàng hơn. Ngoài ra, Công cụ đánh dấu cú pháp có thể sắp xếp các chữ cái và giúp khách truy cập dễ dàng phân biệt đâu là CSS, HTML hoặc Mã Javascript với văn bản thuần túy.
Tính năng Double Click to Selection
Phương pháp này hoạt động để chọn toàn bộ văn bản và viết mã trong một phần theo cách đơn giản hơn. Với tính năng Double Click To Select All, khách truy cập chỉ cần nhấp đúp vào phần được chỉ định và tất cả văn bản và mã trong phần đó sẽ được chọn tự động.
Hiện tại Blog này đang sử dụng tính năng này. Bạn có thể test thử ngay bên dưới nhé!
Hướng dẫn cài đặt Double Click to Selection
Bước 1. Đăng nhập vào Blogger.
Bước 2. Chọn Chủ đề >> Chỉnh sửa HTML
Bước 3. Tìm mã
hoặc . Sau đó dán đoạn code sau bên trên nó.
<script type='text/javascript'>
//<![CDATA[
//Double Click
for (var pres = document.querySelectorAll(" pre,code"), i = 0; i < pres.length; i++) pres[i].addEventListener("dblclick", function() {
var e = getSelection(),
t = document.createRange();
t.selectNodeContents(this), e.removeAllRanges(), e.addRange(t)
}, !1);
//]]>
</script>
Lưu ý: Bạn có thể chỉnh sửa giá trị
theo ý bạn muốn. Mỗi phần ngăn cách bởi dấuBước 4. Lưu lại chủ đề và xem thành quả.