عارض BBCode

أدرج وسوم BBCode من شريط التنسيق، وعاين النتيجة لحظيًا، ثم انسخ HTML أو نزّله كملف .html. كل المعالجة في متصفحك دون تسجيل.

اكتب BBCode أو أدرج الوسوم من شريط التنسيق واختصارات مثل Ctrl+B، لتتحدّث المعاينة الحية فورًا. يدعم العارض 34 وسمًا منها ‎[spoiler]‎ و‎[noparse]‎ و‎[olist]‎ في Steam. بدّل إلى عرض HTML لنسخ الشيفرة أو تنزيلها، وافتح ملفات .txt أو احفظ بها. كل المعالجة في متصفحك دون رفع أي بيانات.

محرر BBCode

303

معاينة حية

Patch notes

Bold Italic Underline Strike

Link

AuthorThis is a quote

  • First item
  • Red item

Hidden ending

console.log('Hello World')

قد تحتاج هذا أيضًا

عارض ومحرر Markdown

اكتب Markdown أو الصقه وشاهد المعاينة المباشرة فورًا.

فتح الأداة

عارض HTML

افتح ملف HTML أو الصق الكود وشاهد الصفحة المعروضة بجوار المحرر مباشرةً.

فتح الأداة

ماركداون إلى JSON

تحويل AST ماركداون والجداول والبيانات التمهيدية إلى JSON.

فتح الأداة

HTML إلى JSON

تحويل بنية HTML إلى شجرة JSON.

فتح الأداة

طريقة استخدام عارض BBCode

  1. 1

    أدخل كود BBCode

    اكتب أو الصق وسوم BBCode في المحرر على اليسار، مثل ‎[b]‎نص عريض‎[/b]‎، أو افتح ملف .txt محفوظًا على جهازك.

  2. 2

    تابع المعاينة الحية

    تتحدّث اللوحة على اليمين لحظيًا لتُظهر لك الشكل الفعلي للنص المنسّق كما سيظهر داخل المنتدى، ويمكنك تحميل مثال جاهز بزر الدورق لترى أثر الوسوم المختلفة.

  3. 3

    أدرج الوسوم وتحقّق منها

    حدّد النص واضغط زرًا في شريط التنسيق أو اختصارًا مثل Ctrl+B أو Ctrl+Shift+8 للقائمة. عند إدراج رابط أو صورة يظهر حقل لإدخال العنوان، الصقه ثم قارن النتيجة بالمعاينة.

  4. 4

    انسخ النتيجة أو صدّرها

    انسخ كود BBCode من المحرر، أو بدّل إلى عرض HTML لنسخ الشيفرة أو تنزيلها، أو احفظ عملك كملف .txt.

مراجع

  • ويكيبيديا — BBCode

    نظرة عامة على لغة BBCode وتاريخها ووسومها الشائعة وكيفية تحليل منتديات النقاش لهذه اللغة الخفيفة.

  • ويكيبيديا — لغة تأشيرية

    مقالة عربية عن لغات الترميز وكيف تُضاف الوسوم إلى النص لوصف شكله، وهي الفكرة نفسها التي تقوم عليها BBCode.

  • phpBB — دليل BBCode

    توثيق phpBB الرسمي الذي يسرد وسوم BBCode القياسية مثل العريض والمائل والروابط والصور والاقتباسات وكتل الكود.

  • مجتمع Steam — مساعدة تنسيق النص

    صفحة Steam الرسمية التي تسرد وسوم BBCode المتاحة في المراجعات والنقاشات، ومنها ‎[spoiler]‎ و‎[noparse]‎ و‎[olist]‎ وخيارات الجداول.

  • Godot Docs — BBCode in RichTextLabel

    توثيق محرك Godot للهجته الخاصة من BBCode، وفيه وسوم حركة مثل ‎[wave]‎ و‎[shake]‎ لا وجود لها في المنتديات.

أدوات ذات صلة

الأسئلة الشائعة

ما هو BBCode؟
BBCode (اختصار Bulletin Board Code) لغة ترميز خفيفة تُستخدم في المنتديات ولوحات الرسائل لتنسيق المشاركات. تُكتب الوسوم بين قوسين مربعين مثل ‎[b]عريض[/b]‎ أو ‎[url]رابط[/url]‎، ثم تتحوّل إلى HTML آمن عند العرض.
ما الفرق بين عارض BBCode ومحرر BBCode؟
هما وجهان لأداة واحدة: المحرر هو الجزء الذي تكتب فيه أو تلصق الوسوم على اليسار، بينما العارض هو لوحة المعاينة الحية على اليمين التي تُظهر النتيجة المنسّقة فورًا قبل النشر.
ما الوسوم التي يدعمها هذا العارض؟
يدعم العارض 34 وسمًا، منها ‎[b]‎ و‎[i]‎ و‎[u]‎ و‎[color]‎ و‎[url]‎ و‎[img]‎ و‎[quote]‎ و‎[code]‎ و‎[table]‎، إضافة إلى ‎[strike]‎ و‎[spoiler]‎ و‎[noparse]‎ و‎[olist]‎، ويغطي وسوم صفحة تنسيق Steam. أما ‎[youtube]‎ و‎[font]‎ و‎[align]‎ فتبقى نصًا عاديًا.
كيف أغيّر لون النص وحجمه في BBCode؟
اكتب اللون باسمه مثل ‎[color=red]‎نص‎[/color]‎ أو برمز سداسي مثل ‎[color=#ff6600]‎نص‎[/color]‎، ويُقبل الرمز المختصر #f60 أيضًا. أما الحجم فيُكتب ‎[size=20]‎نص‎[/size]‎ والرقم بالبكسل بين 1 و200. إذا لم يُفهم اللون أو الرقم يُتجاهَل الوسم ويبقى النص وحده، فتلاحظ الخطأ مباشرة في المعاينة.
كيف أضيف صورة أو رابطًا بـ BBCode؟
الصورة: ‎[img]‎https://example.com/a.png‎[/img]‎، ولتحديد المقاس اكتب ‎[img width=300 height=200]‎العنوان‎[/img]‎. الرابط: ‎[url]‎https://example.com‎[/url]‎، أو ‎[url=https://example.com]‎اضغط هنا‎[/url]‎ لنص مخصّص. إذا كتبت النطاق وحده مثل ‎[url=example.com]‎ يُضاف https:// تلقائيًا، ولا تتحوّل إلى رابط إلا عناوين http وhttps، وما عداها يظهر نصًا.
كيف أنشئ جدولًا بـ BBCode؟
ضع الجدول داخل ‎[table]‎، وكل صف داخل ‎[tr]‎، وخلايا العناوين في ‎[th]‎ والخلايا العادية في ‎[td]‎. ولدمج الخلايا استخدم ‎[td colspan=2]‎ أو ‎[td rowspan=2]‎. يدرج زر الجدول في الشريط قالبًا من عمودين وصفّين، وتُعرض أيضًا خيارات Steam مثل ‎[table noborder=1]‎ بلا حدود و‎[table equalcells=1]‎ بأعمدة متساوية.
هل تعمل الأداة عبر الإنترنت ومجانًا بالكامل؟
نعم، الأداة تعمل مباشرة في المتصفح عبر الإنترنت دون أي تثبيت أو تسجيل، وهي مجانية تمامًا وبلا حدود على عدد المرات أو حجم النص.
هل يحوّل العارض كود BBCode إلى HTML؟
نعم. بدّل لوحة المعاينة من «معاينة» إلى «HTML» لنسخ الشيفرة أو تنزيلها كملف .html. وتمرّ بالفلترة الآمنة نفسها: روابط http وhttps فقط، بلا سكربتات أو خصائص on*.
هل يدعم العارض الكتابة من اليمين إلى اليسار للنصوص العربية؟
نعم، يمكنك لصق نص عربي داخل الوسوم وستظهر المعاينة باتجاه من اليمين إلى اليسار بشكل طبيعي، مع الحفاظ على تنسيق الوسوم مثل العريض والاقتباس والروابط.
هل تُرسَل بياناتي إلى خادم؟
لا، تجري كل عمليات التحليل والعرض داخل متصفحك بالكامل، فلا يغادر نصّك جهازك ولا يُرفع أي شيء إلى أي خادم.
هل يمكن معاينة تنسيق مراجعات Steam هنا؟
نعم. تُعرض كل الوسوم الواردة في صفحة مساعدة التنسيق في Steam، ومنها ‎[spoiler]‎ الذي يُخفي النص حتى تمرّر المؤشر فوقه أو تنقر عليه، و‎[noparse]‎ الذي يُظهر الوسوم كما هي، و‎[olist]‎ للقوائم المرقّمة، و‎[quote=الكاتب]‎. تحقّق من الشكل هنا قبل النشر.
ما الفرق بين BBCode في Godot وBBCode في المنتديات؟
يستعير RichTextLabel في Godot صيغة الأقواس المربعة، لكنه يضيف وسومًا خاصة به مثل ‎[wave]‎ و‎[shake]‎ و‎[pulse]‎ للحركة و‎[font_size]‎ للخط، وهي غير موجودة في المنتديات. هذه الأداة تعرض BBCode المنتديات، لذلك لا تعمل وسوم Godot وتبقى نصًا.
لماذا يظهر الوسم نصًا عاديًا بدل أن يُطبَّق؟
غالبًا لأن الوسم غير مدعوم، مثل ‎[font]‎ و‎[youtube]‎ و‎[align]‎ التي تبقى ظاهرة كما هي. ومن الأسباب أيضًا أن يبدأ العنوان بغير http أو https، أو أن يكون الوسم داخل ‎[code]‎ أو ‎[noparse]‎ اللذين يعرضان محتواهما دون تحليل. كما يبقى التداخل الأعمق من 256 مستوى نصًا.