0
Home  ›  Blogspot  ›  Javascript  ›  Yêu Cầu

Loại bỏ link liên kết ngoài ở phần nhận xét

Tết Pro Tết Pro 2 min read

Giới thiệu

Theo đúng gợi ý của bác YMG như ảnh trên mình sẽ hướng dẫn anh em cách làm sao để ngăn chặn link spam bên ngoài. Và dưới đây là một số tính năng của đoạn code
  • Tự động xóa bỏ liên kết và thêm icon 🚫 vào trước nội dung đó
  • Không áp dụng với tài khoản admin của blog đó, là admin thì post link bình thường
Anh em có thể test luôn tại bài viết này

Hướng dẫn

Anh em chỉ cần sử dụng đoạn code sau cho template của mình là được 
document.addEventListener("DOMContentLoaded", function () {
    const adminId = "17944431462862523228";
    const comments = document.querySelectorAll(".comment-block");
    comments.forEach(comment => {
        const userLink = comment.querySelector("cite.user a");
        const isAdmin = userLink && userLink.href.includes(adminId);
        const contentLinks = comment.querySelectorAll(".comment-content a");
        contentLinks.forEach(link => {
            if (!isAdmin) {
                const linkText = link.textContent;
                const warningText = `🚫 ${linkText}`;
                const span = document.createElement("span");
                span.textContent = warningText;
                link.parentNode.replaceChild(span, link);
            }
        });
    });
});
Trong đó 17944431462862523228 là ID của tài khoản admin, ID này sẽ nằm trong thẻ cite.user a ở mỗi comment, cấu trúc của mỗi blog có thể khác
Và đoạn code trên chỉ có tác dụng trong thẻ có class là .comment-content để tránh trường hợp áp dụng luôn cho các các nút reply hoặc xóa comment có gắn link

Kết luận

Như vậy là xong rồi, chúc anh em 1 ngày vui, ngại viết quá 🤣🤣😂
10 nhận xét
Additional JS