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

Nguồn: @ NASS

Đố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>

<script type='text/javascript'> sau đó lưu lại template
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>

Đăng ký: Viet Blogs

Nguồn tin