هيلبرنت | Helpernt - [ Template] : إضافة تحديد الكود بضغطة واحدة

هيلبرنت | Helpernt (https://www.helpernt.com/vb/index.php)

- ركن شروحات الزين فورو XENFORO (https://www.helpernt.com/vb/forumdisplay.php?f=94)

- - [ Template] : إضافة تحديد الكود بضغطة واحدة (https://www.helpernt.com/vb/showthread.php?t=9652)

إضافة تحديد الكود بضغطة واحدة

السَلام عليكم ورحمة الله وبركاته

أهلا بكم في شرح جديد وإن شاء الله يكون مفيد
شرحنا اليوم يتمثل في كيفية إضافة نسخ الكود بالضغط عليه من داخل نافذة عرض الأكواد
معلومات

اسم الشرح: تحديد الكود بضغطة واحدة
توافق الشرح: xf2.0/xf2.1
موقع مقدم الشرح: mx-blind.com
مقدم الشرح: أحمد بكر @MesterPerfect

ملحوظة هامة
هذا الشرح يتعارض مع إضافة copy code لذا يجب تعطيلها لتطبيق الشرح بشكل صحيح

الشرح
ندخل إلى لوحة التحكم -==> المظهر -==> القوالب
نختار الستايل الذي نريد تعديله
نبحث عن قالب

كود:

bb_code_tag_code

ثم نبحث فيه عن الكود التالي

كود:

<code>{$content}</code>

ونقوم باستبداله بالكود التالي

كود:

<code onclick="getData(this)">{$content}</code>

ثم في آخر قالب

كود:

bb_code_tag_code

نضيف الكود التالي:

كود:

<script>

function getData(element)

{

if (document.body.createTextRange) {

var range = document.body.createTextRange();

range.moveToElementText(element);

range.select();

} else if (window.getSelection) {

var selection = window.getSelection();

var range = document.createRange();

range.selectNodeContents(element);

selection.removeAllRanges();

selection.addRange(range);

}



}

</script>

وبهذا ينتهي شرحنا لهذا اليوم
ونلقاكم قريبا إن شاء الله
والسَلام عليكم ورحمة الله وبركاته