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

منتدى شروحات ودروس منتديات PBBoard

شرح اضافة زر BBcode جديد لمحرر SCEditor لمنتديات PBBoard

: شرح اضافة زر BBcode جديد لمحرر SCEditor لمنتديات PBBoard

09-11-2025 02:37 مساءً

Soliman

إضافة زر معلومات او ملاحظة إلى محرر SCEditor

ملخص الآوامر المخصصة باضافة ايقونه جديدة للمحرر:

اضافة مسمى الزر لشريط أدوات المحرر في سطر الـ toolbar الموجود في قالبي: editor_js و fast_reply_js.
اضافة كود الجافا سكربت المخصص بتعريف الزر والإدخال في ملف: look/sceditor/minified/PBB_bbcode.js.
عملية الاستبدال لوسم الـ BBcode باستخدام PHP Regex من لوحة ادارة المنتدى من خلال الإضافات البرمجية » إضافة برنامج مساعد جديد.

في البداية نحرر قالب: editor_js و fast_reply_js وتبحث عن

CODE

youtube,video|bbcodeslist

ونضيف مسمى الزر الجديد بينهم بهذا الشكل

CODE

youtube,video,info|bbcodeslist

ثم نحرر ملف: look/sceditor/minified/PBB_bbcode.js
ونبحث عن هذا السطر

CODE

// Add redo command

ونضيف اعلاه هذا كود جافا سكريبت الخاص بالزر الجديد باستخدام BBcode

CODE

$.sceditor.command.set('info', {
exec: function() {
 var editor = this;
 editor.insert('[info]' + getSelection() , '[/info]', true, true, true);
 },
 tooltip: 'Insert Info Tag'
 });

ثم نرفع ايقونة الزر الجديدة كهذه شرح اضافة زر BBcode جديد لمحرر SCEditor لمنتديات PBBoard

باسم info.png
بداخل المجلد themes على هذا المسار:
look/sceditor/minified/themes/info.png

ثم نحرر ملف CSS المسمى default.min.css الموجود على هذا المسار
look/sceditor/minified/themes/default.min.css
ونضيف اليه كلاس الأيقونة

CSS

.sceditor-button-info div {

 background-image: url(info.png)

 }

ثم ادخل على اضافة موضوع جديد لتتأكد من ظهور الأيقونة
شرح اضافة زر BBcode جديد لمحرر SCEditor لمنتديات PBBoard

وتجربتها (بكتابة نص بالمحرر ثم تظليل النص والنقر على الأيقونة)

ثم ننتقل الآن للخطوة الأخيرة: وهي طريقة استبدال تاق [info] في المشاركات ليتم استبداله من الـ BBcode الى كود HTML بتصميم خاص

وذلك بالتوجه إلى لوحة تحكم الإدارة» الإضافات البرمجية » إضافة برنامج مساعد جديد (خطاف)
New Plugin Name: BBcode info
Plugin Name: لاشيء
Hook Name: BBCodeParseHooks1
كود PHP الخاص بالإضافة الذي تريد أن يتم تنفيذه ليتم استبداله من الـ BBcode الى كود HTML

CODE

$string = preg_replace('#\[info\](.+)\[\/info\]#iUs', '<style>.noteBoxes { color: #175167; border: 1px solid; border-radius: 5px; padding: 10px; margin: 10px 0; width:auto; } .type2 { border-color: #bfd4fe; border-radius: 5px; background-color: #e4f2f7; }.picture { width: 15px; padding-left: 10px;}</style><p class="noteBoxes type2"><img src="styles/style_default/images/warn.png" class="picture">$1</p> ', $string);

هذا الكود هو استبدال بكود html مدمج مع css كتصميم بسيط للشرح
يمكنك عمل التصميم المناسب لذوقك حسب ماتشاء

ثم انقر حفظ

بعد الاستخدام ستظهر النتيجة النهائية بهذا الشكل في المشاركات

شرح اضافة زر BBcode جديد لمحرر SCEditor لمنتديات PBBoard

انتهى الشرح ..

المواضيع المتشابهه
عنوان الموضوع	الكاتب	الردود	الزوار	آخر رد
شرح اضافة المزيد من اسماء عناكب البحث للمتواجدون الآن للتعرف عليها	Soliman	12	5270	Soliman
اضافة [you]	naseemtork	3	116	شبعان
اضافة أية (مَا يَلْفِظُ مِن قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ) ملونة بدل الرد السريع	akroum	10	2914	شبعان
شرح اضافة ازرار وروابط في الشريط العلوي للمنتدى	Soliman	6	1138	شبعان
مشكله عند اضافة موضوع جديد	شبعان	13	69	Soliman

الكلمات الدلالية

« تعديل قالب معلومات العضو في الاستايل الافتراضي | كود htaccess لإعادة التحويل والتوجيه من HTTP إلى HTTPS »

الساعة الآن 02:09 AM