Làm cách nào để tự động bôi đen đoạn code trong thẻ pre

Đối với những blog hay chia sẽ các đoạn code dài nằm trong thẻ pre thì bài viết sau đây cực kỳ hữu ích. Bời vì thủ thuật sau sẽ hướng dẫ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)

Thực hiện

Để thêm tiện ích này vào blog bạn thêm javascript bên dưới vào template của mình trước thẻ </body> sau đó lưu lại template

<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úc bạn thành công!