Bôi đen text trong khung chứa code bằng double click

Thông thường, khi muốn đặt mã vào bài viết, chúng ta có thể đặt chúng trong thẻ <pre> hoặc <code>. Người đọc muốn sao chép code trong bài chỉ cần kéo chuột để bôi đen và sau đó nhấn Ctrl + C. Nó có vẻ đơn giản nhưng với những đoạn mã dài phải khá vất vả để chọn nó. Để thực hiện điều này dễ dàng hơn, bài viết sau sẽ hướng dẫn bạn làm thế nào để chọn tất cả code chỉ với click đúp .

Demo : Bạn có thể thấy một bản demo bằng cách click đúp vào khung code dưới đây.
Bài viết được tham khảo từ www.terocket.com
Mở template của bạn lên, chèn đoạn sau vào trước thẻ </body>

<script type='text/javascript'> var pres = document.getElementsByTagName(&quot;pre&quot;);
for (var i = 0; i &lt; pres.length; i++) {
pres[i].addEventListener(&quot;dblclick&quot;, function () {
var selection = getSelection();
var range = document.createRange();
range.selectNodeContents(this);
selection.removeAllRanges();
selection.addRange(range);
}, false);
}
</script>

Chú ý: nếu bạn sử dụng thẻ <code> hay <blockquote> để trình bày code thì bạn thay pre bên trên bằng thẻ tương ứng.
Lưu lại và kiểm tra