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

24.11.24 | 6 nhận xét | lượt xem
Nội Dung Chính [Ẩn] [Hiển thị]

    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á 🤣🤣😂
    Bạn đang xem bài viết "Loại bỏ link liên kết ngoài ở phần nhận xét" tại chuyên mục: Blogspot , Javascript , Yêu Cầu

      6

      nhận xét
      Mới nhất ⇅

      Chèn hình ảnh: Chỉ cần dán link hình ảnh - Upload ảnh

      Chèn code: [pre]Code đã mã hóa [/pre]

      Chèn emoji: Nhấn tổ hợp phím “Windows + . (dấu chấm)”

      Chèn link: Click để chèn link