Tự Động Bôi Đen Code Trong Thẻ Pre Bằng Double Click

 

Với các blog chuyên chia sẻ và viết về các thủ thuật thì việc chia sẻ các đoạn code nằm trong cặp thẻ pre là rất phổ biến. Tuy nhiên hạn chế của thủ thuật này là khi muốn copy một đoạn code bạn sẽ phải bôi đen bằng cách di chuột, nghe có vẻ không có gì khó khăn nhưng hãy thử tưởng tượng môt đoạn code dài thì bạn sẽ rất mất thời gian để có thể bôi đen hết nó.

Vậy làm thế nào để bôi đen chỉ với một cú click đúp chuột mà vẫn có thể sử dụng cặp thẻ pre quen thuộc. bài viết sau đây sẽ hướng dẫn các bạn làm cách nào để bôi đen một đoạn code dài chỉ với cú click đúp chuột (double click)

Hưỡng Dẫn 

1- Đăng nhập vào blog
2- Chọn mẫu (Template)
3- Chọn chỉnh sửa HTML (Edit HTML)
4- Thêm đoạn mã bên dưới vào trước thẻ </body>.

<script type='text/javascript'>
var pres = document.getElementsByTagName("pre");

for (var i = 0; i < pres.length; i++) {
      pres[i].addEventListener("dblclick", function () {
             var selection = getSelection();
             var range = document.createRange();
             range.selectNodeContents(this);
             selection.removeAllRanges();
             selection.addRange(range);
        }, false); }
</script>