Thêm chức năng bôi đen code chỉ với click đúp chuột
0 min read
Đố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. 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("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>Chúc bạn thành công!