شرح منع نسخ محتوى المواضيع واضافة زر نسخ للاكواد في منتديات الزينفورو - xenforo

[codeNET]

الحماية الشاملة: منع نسخ المحتوى (جوال وكمبيوتر) مع زر نسخ ذكي للأكواد
يعاني أصحاب المنتديات من سرقة المحتوى وتكراره، ولكن المنع الكامل قد يضر بتجربة المستخدم خاصة في المنتديات التقنية. في هذا الشرح، سنقدم لكم الحل "الهجين" والأكثر احترافية: حماية شاملة للنصوص مع رسائل تنبيه، واستثناء ذكي للأكواد البرمجية عبر إضافة زر "نسخ" تلقائي.
أولاً: حماية المحتوى ومنع التحديد (CSS)
هذا الجزء يضمن إغلاق ميزة النسخ في المتصفحات وفي أنظمة اللمس بالجوال، مع فتحها فقط داخل صناديق الأكواد لضمان عدم إزعاج المبرمجين.
طريقة التركيب: اذهب إلى لوحة التحكم > المظهر > القوالب > extra.less وأضف الكود التالي:

/* 1. منع النسخ في كامل الموقع للجوال والكمبيوتر */
html, body {
-webkit-touch-callout: none !important; /* منع قائمة النسخ في الآيفون */
-webkit-user-select: none !important;   /* منع التحديد في كروم وسفاري */
-moz-user-select: none !important;      /* منع التحديد في فايرفوكس */
-ms-user-select: none !important;       /* منع التحديد في إيدج */
user-select: none !important;
}
/* 2. استثناء صناديق الأكواد لتبقى قابلة للتحديد */
.bbCodeBlock--code,
.bbCodeBlock--code *,
.bbCodeBlock-content,
.bbCodeBlock-content * {
-webkit-touch-callout: text !important;
-webkit-user-select: text !important;
-moz-user-select: text !important;
-ms-user-select: text !important;
user-select: text !important;
}
/* 3. تنسيق زر نسخ الكود الذكي */
.btn-copy-code {
position: absolute;
top: 6px;
left: 10px;
background: #2563eb;
color: #ffffff;
border: none;
padding: 4px 12px;
border-radius: 4px;
cursor: pointer;
font-size: 11px;
z-index: 100;
font-family: sans-serif;
transition: all 0.2s ease;
}
.btn-copy-code:hover {
background: #1d4ed8;
}
.bbCodeBlock-content {
position: relative;
}

ثانياً: تفعيل زر النسخ ورسالة التنبيه (JavaScript)
هذا الكود يقوم بمهمتين: يظهر رسالة تحذيرية عند محاولة النسخ التقليدي، ويقوم بإنشاء زر "نسخ الكود" الذي يعمل حتى مع وجود الحماية.
طريقة التركيب: اذهب إلى لوحة التحكم > المظهر > القوالب > PAGE_CONTAINER وضع الكود التالي قبل إغلاق وسم

</body>

:

<script>
document.addEventListener('DOMContentLoaded', function() {
    // 1. إضافة زر النسخ داخل صناديق الأكواد تلقائياً
    document.querySelectorAll('.bbCodeBlock--code').forEach((block) => {
        const button = document.createElement('button');
        button.innerHTML = 'نسخ الكود';
        button.className = 'btn-copy-code';
        const content = block.querySelector('.bbCodeBlock-content');
      
        if (content) {
            content.appendChild(button);
            button.addEventListener('click', () => {
                const codeElement = content.querySelector('code') || content.querySelector('pre');
                if (codeElement) {
                    navigator.clipboard.writeText(codeElement.innerText).then(() => {
                        button.innerHTML = '✓ تم النسخ';
                        button.style.background = '#059669';
                        setTimeout(() => {
                            button.innerHTML = 'نسخ الكود';
                            button.style.background = '#2563eb';
                        }, 2000);
                    });
                }
            });
        }
    });

    // 2. منع الزر الأيمن واختصارات النسخ مع رسالة تنبيه
    document.addEventListener('contextmenu', e => {
        e.preventDefault();
        alert('عذراً.. محتوى المنتدى محمي، يمكنك نسخ الأكواد البرمجية فقط عبر الزر المخصص.');
    });

    document.onkeydown = function(e) {
        if (e.ctrlKey && (e.keyCode === 67 || e.keyCode === 85)) {
            alert('نسخ المحتوى غير مسموح به!');
            return false;
        }
    };
});
</script>

خلاصة ما ستحصل عليه بعد التركيب:
1. حماية مطلقة: لن يستطيع أحد تظليل نصوص مواضيعك أو سرقتها.
2. تنبيه الزوار: ستظهر رسالة تحذيرية عند محاولة استخدام الزر الأيمن للفأرة.
3. دعم الجوال: تم إغلاق قائمة "اللمس المطول" التي تظهر في الهواتف الذكية (Android & iOS).
4. زر النسخ الذكي: توفير زر "نسخ الكود" يسهل على المبرمجين نقل الأكواد بضغطة واحدة وبشكل احترافي.
نتمنى أن يساهم هذا الشرح في حماية مجهودكم الحصري وتطوير واجهة منتداكم.

اعداد بواسطة : مهدي حميد - منتدى كود نت - يُمنع النقل دون ذكر المصدر ..