تحويل الأكواد HTML
حوّل أكواد HTML إلى كيانات (entities) لتضمينها في قالب بلوجر
شرح أداة تحويل الأكواد
عند محاولة عرض كود داخل مقال أو تضمينه في قالب بلوجر، يفسّر المحرر الوسوم كعناصر حقيقية فيختفي الكود أو يعطّل الصفحة. هذه الأداة تحوّل الرموز الخاصة إلى كيانات HTML آمنة للنشر، وتعيد الكود إلى صورته الأصلية متى احتجته.
ما هي هذه الأداة؟
أداة تحويل ثنائية الاتجاه تعمل لحظيًا داخل المتصفح. زر «تحويل الكود» يستبدل الرموز الحساسة ببدائلها النصية: علامة & تتحول إلى &، وعلامة < تتحول إلى <، وعلامة > تتحول إلى >، مع علامتي التنصيص المزدوجة والمفردة، فيعرض المتصفح الكود نصًا ظاهرًا بدل تنفيذه. وزر «عكس التحويل» يعيد الكيانات إلى رموزها لتستعيد الكود القابل للتشغيل.
لمن تنفع هذه الأداة؟
- كتّاب الشروحات التقنية الذين يدرجون أكواد HTML أو JavaScript داخل مقالاتهم.
- مصممو قوالب بلوجر عند إضافة كود داخل أداة HTML/JavaScript أو داخل القالب نفسه.
- من ينقل أكوادًا بين منصات تتعارض مع الوسوم الخام وتحذفها.
- المشرفون الذين يدرجون أكواد إعلانات في أماكن حساسة من المدونة.
طريقة الاستخدام خطوة بخطوة
- الصق الكود: ضع الكود الأصلي في مربع النص المخصص بالأداة.
- حوّل: اضغط زر «تحويل الكود» لتستبدل الأداة الرموز الخاصة بالكيانات.
- انسخ الناتج: استخدم زر «نسخ» المدمج بجانب أزرار التحويل.
- انشره في مقالك: الصق الناتج داخل محرر بلوجر مع التأكد أنك في وضع تحرير HTML.
- ارجع للأصل متى شئت: إن استلمت كودًا محوّلًا وتريده قابلًا للتشغيل، اضغط «عكس التحويل» قبل استخدامه.
أمثلة عملية
أدخلت في الأداة السطر <a href="https://example.com">رابط تجريبي</a> فأنتجت: <a href="https://example.com">رابط تجريبي</a>. عند نشر هذا الناتج داخل المقال يقرأ الزائر الكود نصًا ظاهرًا أمام عينيه، بينما لو لصقت النسخة الأصلية بعد عكس التحويل لظهر رابط منفّذ قابل للنقر.
الخصوصية وكيف نتعامل مع بياناتك
التحويل يجري لحظيًا داخل متصفحك؛ الكود لا يغادر جهازك ولا يُرفع إلى أي خادم، ولا تحتفظ الأداة بأي نسخة من مدخلاتك بعد إغلاق الصفحة.
نصائح لنتائج أفضل
- انشر الناتج دائمًا من وضع HTML في محرر بلوجر لا من وضع Compose حتى لا يُعاد تحويله مرة ثانية.
- احتفظ بنسخة أصلية من الكود في ملف منفصل قبل أي تحويل.
- إن ظهر الكود مشوّهًا بعد النشر، راجع أنك نسخت الناتج كاملًا دون أسطر ناقصة.
- استخدم زر العكس قبل تعديل أي كود استلمته محوّلًا حتى لا تحرر الكيانات بالخطأ.
أسئلة شائعة
ما الفرق بين «تحويل الكود» و«عكس التحويل»؟
الأول يجعل الكود نصًا آمنًا للعرض داخل المقالات، والثاني يعيد الكيانات إلى رموزها الأصلية ليعود الكود صالحًا للتشغيل.
لماذا يرفض بلوجر الوسوم الخام؟
لأن المحرر يعتبرها عناصر فعلية في الصفحة وينفذها؛ التحويل يخبره أنها نصوص مقصودة للعرض فقط.
هل تخدم الأداة لغات أخرى غير HTML؟
نعم؛ تتعامل مع الرموز المشتركة في أي كود نصي مثل CSS وJavaScript وXML لأنها تحول الرموز نفسها.
هل يخضع الناتج للفهرسة بشكل مختلف؟
الكود المحوّل يظهر للزوار والزواحف نصًا عاديًا داخل المحتوى، فلا يُنفَّذ ولا يؤثر في بنية الصفحة.