THÊM NÚT SAO CHÉP VÀO Ô CODE

Thêm nút “Sao chép” cho tất cả khối góc trên bên phải của tất cả các ô code trên website

/* ==========================================================================
   THÊM NÚT SAO CHÉP VÀO Ô CODE
   --------------------------------------------------------------------------
 * Thêm nút "Sao chép" cho tất cả khối góc trên bên phải của tất cả các ô code trên website
   ========================================================================== */
   
 
add_action('wp_footer', function () {
?>
<style>
pre {
    position: relative;
}

.dpm-copy-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px 12px;
    font-size: 13px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    z-index: 99;
}

.dpm-copy-btn:hover {
    background: #f5f5f5;
}
</style>

<script>
document.addEventListener('DOMContentLoaded', function () {

    document.querySelectorAll('pre').forEach(function(pre){

        if(pre.querySelector('.dpm-copy-btn')) return;

        const btn = document.createElement('button');
        btn.className = 'dpm-copy-btn';
        btn.innerText = '📋 Copy';

        btn.onclick = function(){

            let text = pre.querySelector('code')
                ? pre.querySelector('code').innerText
                : pre.innerText.replace('📋 Copy','').trim();

            navigator.clipboard.writeText(text);

            btn.innerText = '✔ Đã copy';

            setTimeout(function(){
                btn.innerText='📋 Copy';
            },1500);
        };

        pre.appendChild(btn);

    });

});
</script>
<?php
});