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

[ XF 2.2 ] كود تحديد محتوى صناديق الاكواد للزين فورو

motasem

:: الأعضاء ::
29 يناير 2020
149
4
46
28
بسم الله الرحمن الرحيم

اقدم لكم هذا الكود الجديد الذي يعمل على تحديد محتوى صندوق الاكواد لتسهيل عملية النسخ والنقل على المستخدم. بإضافة زر في الزاوية العليا للصندوق وعند الضغط عليه يقوم بتحديد المحتوى. خاصية بسيطة ولكن مهمة خصيصًا للمنتديات التطويرية مثل المنتدى هنا. تم انشاء هذا الكود من قبل منتدى انكور التطويري.​

معاينة الكود​

كود تحديد محتوى صناديق الاكواد للزين فورو

تركيب الكود​

توجه نحو لوحة الادارة - المظهر - البحث في القوالب، وابحث عن القالب التالي: bb_code_tag_code
ومن ثم استبدل محتواه بالكود التالي
HTML:
<xf:macro template="prism_macros" name="setup" />

<div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
    <div class="bbCodeBlock-title">
                            <button class="selectCodeButton" style="padding: 5px;background: #ffa500;border:none;float:left;">تحديد المحتوى</button>
        {{ $config.phrase ?: phrase('code') }}{$xf.language.label_separator}
    </div>
    <div class="bbCodeBlock-content" dir="ltr">
        <pre class="bbCodeCode" dir="ltr" data-xf-init="code-block" data-lang="{{ $language ?: '' }}"><code>{$content}</code></pre>
    </div>
</div>

<script>
// كود تحديد المحتوى من منتدى انكور التطويري
var buttons = document.querySelectorAll('.selectCodeButton');
buttons.forEach(function(button) {
    button.addEventListener('click', function() {
        selectCode(this);
    });
});

function selectCode(button) {
    var codeBlock = button.parentElement.nextElementSibling.querySelector('.bbCodeBlock-content pre');
    var selection = window.getSelection();
    var range = document.createRange();
    range.selectNodeContents(codeBlock);
    selection.removeAllRanges();
    selection.addRange(range);
}
</script>

ان شاء الله يعجبكم الكود
بالتوفيق للجميع
والسلام ختام​
 
بسم الله الرحمن الرحيم

اقدم لكم هذا الكود الجديد الذي يعمل على تحديد محتوى صندوق الاكواد لتسهيل عملية النسخ والنقل على المستخدم. بإضافة زر في الزاوية العليا للصندوق وعند الضغط عليه يقوم بتحديد المحتوى. خاصية بسيطة ولكن مهمة خصيصًا للمنتديات التطويرية مثل المنتدى هنا. تم انشاء هذا الكود من قبل منتدى انكور التطويري.​

معاينة الكود​

تركيب الكود​

توجه نحو لوحة الادارة - المظهر - البحث في القوالب، وابحث عن القالب التالي: bb_code_tag_code
ومن ثم استبدل محتواه بالكود التالي
HTML:
<xf:macro template="prism_macros" name="setup" />

<div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
    <div class="bbCodeBlock-title">
                            <button class="selectCodeButton" style="padding: 5px;background: #ffa500;border:none;float:left;">تحديد المحتوى</button>
        {{ $config.phrase ?: phrase('code') }}{$xf.language.label_separator}
    </div>
    <div class="bbCodeBlock-content" dir="ltr">
        <pre class="bbCodeCode" dir="ltr" data-xf-init="code-block" data-lang="{{ $language ?: '' }}"><code>{$content}</code></pre>
    </div>
</div>

<script>
// كود تحديد المحتوى من منتدى انكور التطويري
var buttons = document.querySelectorAll('.selectCodeButton');
buttons.forEach(function(button) {
    button.addEventListener('click', function() {
        selectCode(this);
    });
});

function selectCode(button) {
    var codeBlock = button.parentElement.nextElementSibling.querySelector('.bbCodeBlock-content pre');
    var selection = window.getSelection();
    var range = document.createRange();
    range.selectNodeContents(codeBlock);
    selection.removeAllRanges();
    selection.addRange(range);
}
</script>

ان شاء الله يعجبكم الكود
بالتوفيق للجميع
والسلام ختام​
تسلم ايدك أخي
 

إحصائيات المنتدى

المواضيع
1,589
المشاركات
17,895
الأعضاء
1,156
آخر عضو مسجل
hamodsekik
أعلى