Donate - Buy me a Coffe Donate!

Javascript - Thêm tính năng Double Click to Selection cho website

Javascript - Thêm tính năng Double Click to Selection cho website,Double Click to Selection,Syntax Highlighter

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ã </body> hoặc & lt;! - </body> - & gt; & lt; / body & gt. 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ị pre-code theo ý bạn muốn. Mỗi phần ngăn cách bởi dấu ,

Bước 4. Lưu lại chủ đề và xem thành quả.

Getting Info...

6 nhận xét

  1. hi em, sao ko mua .com .net gì á, mua .xyz chi vậy em?
    1. đợt trc dc con miền free ko dùng để dùng tạm hihi
    2. .xyz nó chỉ rẻ năm đầu thôi, gia hạn thì nó cũng y chan mấy thằng kia, mình làm thì làm lâu dài, chứ ko lẻ chơi 1 năm rồi bỏ hả e?
    3. sau có đổi nhé anh.
  2. theme đẹp quá, share với
    1. đợi blog có traffic hơn ạ hihi
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.