Ở nhiều trang tài nguyên, khi chia sẻ một số tài nguyên, việc đặt mã trích xuất ít nhiều khi tải xuống là điều không thể tránh khỏi. Đối với Zibi hiện tại không có chỗ để điền mã trích xuất riêng và do nhu cầu sử dụng khác nhau nên chủ đề Zibi yêu cầu người dùng phải sao chép hoặc nhập thủ công mã trích xuất.

Vì vậy, tôi đã viết đoạn mã nhỏ này để nhận ra chức năng nhỏ là sao chép và trích xuất mã. Mã không cần phải sửa đổi trong tệp chủ đề, tất cả đều được lưu trữ trong khối mã tùy chỉnh nên không cần phải lo lắng về việc cập nhật chủ đề.

Mã số

Mã CSS được đặt trong Cài đặt chủ đề->Toàn cầu & Tính năng-> Kiểu CSS tùy chỉnh

/**Sao chép mật khẩu**/
.but-download .badg{position:relative;cursor:pointer;}.but-download .badg::after{position:absolute;content:" ";width:0;height:0;top:-11px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);border-top:10px solid rgb(236,235,235);border-left:5px solid transparent;border-right:5px solid transparent;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;opacity:0;}.but-download .badg::before{content:attr(data-before);position:absolute;width:100px;height:31px;top:-40px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);font-size:14px;line-height:31px;border-radius:4px;color:#6c6a6a;background-color:rgb(236,235,235);text-align:center;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;opacity:0;}.but-download .badg:hover::after,.but-download .badg:hover::before{opacity:1;}

Mã JavaScript được đặt trong cài đặt chủ đề->toàn cầu & tính năng->mã javascript tùy chỉnh

//Sao chép mật khẩu
if (document.querySelectorAll(".but-download .badg") != undefined) {
    const reg = /[a-zA-z0-9]/ig;
    const copy1 = document.querySelectorAll(".but-download .badg");
    for (let i = 0; i < copy1.length; i++) {
        copy1[i].index = i;
        copy1[i].setAttribute("data-before", "Bấm để sao chép");
        copy1[i].addEventListener("click", copyOperation);
        copy1[i].addEventListener("mouseout", copyOk);
    }

    function copyOperation() {
        var oInput = document.createElement("input");
        let text = this.innerText;
        text = text.match(reg).join("");
        oInput.value = text;
        document.body.appendChild(oInput);
        oInput.select();
        document.execCommand("Copy");
        oInput.className = "oInput";
        oInput.style.display = "none";
        this.setAttribute("data-before", "Đã sao chép");
    }

    function copyOk() {
        setTimeout(() => {
            this.setAttribute("data-before", "Bấm để sao chép");
        }, 300)
    }
}

Kết xuất