محول BBCode إلى HTML
BBCode وHTML وPug مع معاينة

ماذا يفعل لك محول BBCode إلى HTML

BBCode هو ترميز المنتديات القديمة. أولًا، تكتب وسمًا بين أقواس مربعة، فيحوّله المنتدى إلى نص عريض أو رابط أو اقتباس. وكذلك تستخدم مواقع أخرى HTML وبعضها يستخدم Pug. لذلك تحتاج غالبًا إلى نقل النص من واحد إلى آخر.

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

تقرأ BBCode وHTML وPug. ثم تكتب الصيغ الثلاث نفسها. فيصبح لدينا ستة أزواج، ويعمل كل زوج بالطريقة نفسها.

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

من BBCode إلى HTML، وسمًا وسمًا

أولًا، تقرأ الأداة كل وسم بين الأقواس. يصبح العريض والمائل والمسطّر والمشطوب strong وem وu وs. في الواقع، ويصبح الرابط مرساة، ويصبح الاقتباس blockquote فيه اسم الكاتب في وسم cite.

وكذلك تعمل القوائم. كل نجمة تبدأ عنصرًا جديدًا، وتختار علامة يساوي قائمة مرقمة. تصبح وسوم اللون والحجم عناصر span بنمط، وتضبط وسوم center وleft وright محاذاة النص.

تحتفظ كتل الشيفرة بنصها تمامًا كما كتبته. فيبقى الوسم داخل كتلة الشيفرة وسمًا، ولا يتحول شيء بداخلها إلى ترميز.

لمزيد من التفاصيل، راجع: Wikipedia article on BBCode.

عارض BBCode آمن

بعد ذلك، تعمل المعاينة كعارض BBCode. ترسم النتيجة عنصرًا عنصرًا، فلا يستطيع شيء في نصك أن يعمل. ولا يمر إلا قائمة قصيرة من الوسوم.

وكذلك تُفتح الروابط في علامة تبويب جديدة مع nofollow، ولا تُحتسب إلا عناوين الويب والبريد. وتتجاهل الأداة رابطًا يبدأ بـ javascript ويبقى نصه.

تظهر الصور كملصق صغير بدل صورة. كذلك، فلا تحمّل الصفحة ملفات من مواقع أخرى.

من HTML إلى BBCode

والعكس يعمل أيضًا. أولًا، الصق HTML فتكتب الأداة BBCode تستطيع نشره في منتدى. يصبح strong وb وسم العريض، ويصبح em وi مائلًا، وتصبح المرساة وسم url.

ثم تحتفظ القوائم والاقتباسات وكتل الشيفرة بشكلها. وكذلك تصبح العناوين سطرًا عريضًا وأكبر. وتتجاهل الأداة الوسوم التي ليس لها كلمة في BBCode ويبقى نصها.

تترك الأداة النصوص البرمجية والأنماط وhead الصفحة خارجًا. فتحصل على نص نظيف لمشاركة.

من HTML إلى Pug ومن Pug إلى HTML

Pug، الذي كان يسمى Jade، طريقة قصيرة لكتابة HTML. يحذف الأقواس الزاوية ووسوم الإغلاق. ثم يستخدم المسافات البادئة. يصبح div له معرّف وصنف سطرًا مثل علامة # ثم order ثم نقطة ثم card.

أولًا، تكتب الأداة Pug من HTML الخاص بك، مع الوسوم والمعرّفات والأصناف والسمات. ثم تقرأ Pug أيضًا وتعيده إلى HTML، بمسافتين بادئتين وعنصر في كل سطر.

وكذلك تقرأ جزء الترميز من Pug. تحتاج الحلقات والشروط وmixins وincludes إلى محرك Pug، لذلك تتخطى الأداة هذه الأسطر وتخبرك بعددها.

روابط وألوان وأحجام آمنة

أولًا، تفحص الأداة كل قيمة قبل أن تكتبها. يجب أن يكون اللون رمزًا سداسيًا عشريًا أو اسم لون بسيطًا. ويجب أن يكون الحجم رقمًا من واحد إلى سبعة، أو حجمًا صغيرًا بالبكسل. أيضًا، ويجب أن يبدأ الرابط بـ http أو https أو mailto.

فلا تصل قيمة سيئة إلى HTML الخاص بك أبدًا. تتجاهل الأداة الوسم ويبقى نصه.

فواصل الأسطر والكيانات

أولًا، يصبح السطر الجديد في BBCode وسم br. وتبتلع الأداة فاصل السطر بعد اقتباس أو قائمة أو كتلة شيفرة مباشرة، لأن الكتلة تبدأ سطرًا جديدًا أصلًا.

تهرّب الأداة المحارف الخاصة. تصبح علامة أصغر من كيانًا في HTML، فلا تستطيع فتح وسم عن طريق الخطأ.

آمنة بالتصميم

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

تتبع المعاينة القاعدة نفسها. تبني كل عنصر يدويًا من قائمة قصيرة من الوسوم الآمنة، فلا تستطيع حتى مشاركة خبيثة أن تمس صفحتك.