درس XF-2.x اضافة امكانية تحديد الكود لنسخه - زين فورو 2.0

Ibn AliraQ

ヅ واحد من الناس ヅ
المدير العام للمنتديات
إنضم
2018-08-28
المشاركات
16,731
مستوى التفاعل
6,187
النقاط
297
الإقامة
العراق
الموقع الالكتروني
www.shababalrafedain.com
جوهرة
დ8,151
الجنس
ذكر
إصدار الزين فورو
XenForo 2.x
السلام عليكم ..
ضمن سلسة دروس تعديلات القوالب واضافة خصائص جديدة ومفيدة للمستخدم دون الحاجة الى اضافات.

اضع بين ايديكم اليوم طريقة تسهل تحديد الكود المضاف في المواضيع بمجرد الضغط بالماوس على اي مكان داخل مربع الكود في حال استخدام الحاسوب، او بمجرد الضغط بالاصبع في حال التصفح من خلال الموبايل.

ملاحظة: التعديل التالي لا يضيف زر عند الضغط عليه يتم نسخ الكود كما هو في الاضافة .. التعديل يعتمد على ضغطة الماوس او الاصبع لذا اقتضى التنويه.
ملاحظة: احتفظ بنسخة من القالب قبل التعديل لتتمكن من العودة اليها في حال حدوث خطأ لاسامح الله.

التعديل كما يلي:
بسم الله نبدأ.

الخطوة الاولى:
نبحث عن القالب: bb_code_tag_code
نفتح القالب ونبحث عن الكود التالي:

HTML:
<code>{$content}</code>

نستبدله بالكود التالي:

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

الخطوة الثانية:
في آخر القالب تماما .. قم باضافة الكود التالي:

JavaScript:
<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>

احفظ التعديلات.

مثال:

5188
 

Gardi

المديرة .
إنضم
2018-10-01
المشاركات
39,685
الحلول
1
مستوى التفاعل
19,334
النقاط
217
الإقامة
العراق
جوهرة
დ16,127
الجنس
أنثى
شكرا على الجهود
 
أعلى