محوّل HTML إلى JSX

تغليف في مكوّن

اسم المكوّن

HTML

JSX

ما هو تحويل HTML إلى JSX؟

JSX هو بناء جملة يشبه HTML يُستخدم في مكوّنات React. على الرغم من أنه يبدو مثل HTML، إلا أن هناك فروقاً رئيسية: تصبح class هي className، وتصبح for هي htmlFor، وتستخدم الأنماط المضمّنة كائنات JavaScript بدلاً من السلاسل النصية، ويجب أن تكون جميع العلامات ذاتية الإغلاق، وتستخدم معالجات الأحداث صيغة camelCase. تتولى هذه الأداة جميع هذه التحويلات تلقائياً حتى تتمكن من لصق HTML مباشرةً والحصول على JSX صالح جاهز للاستخدام في مكوّنات React الخاصة بك.

كيفية استخدام محوّل HTML إلى JSX

الصق ترميز HTML في اللوحة اليسرى (أو انقر على 'مثال' لتحميل نموذج).
يظهر ناتج JSX فوراً على اليمين.
اختيارياً، فعّل 'تغليف في مكوّن' للحصول على مكوّن وظيفي كامل جاهز للصق.
انسخ JSX باستخدام زر 'نسخ JSX'.

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

هل من الآمن فك ترميز البيانات الحساسة هنا؟ نعم. جميع عمليات فك الترميز تتم في متصفحك باستخدام JavaScript. لا يتم نقل أي بيانات إلى أي خادم، لذا تبقى البيانات المرمزة الخاصة بك خاصة تماماً.

ما الفرق بين Base64 و URL-safe Base64؟ يستخدم Base64 القياسي أحرف + و / ، وهي أحرف خاصة في عناوين URL. يستبدل Base64 الآمن للـ URL هذه الأحرف بـ - و _ حتى يمكن استخدام النص بأمان في عناوين URL وأسماء الملفات دون ترميز النسب المئوية.

لماذا يبدو الناتج المفكك الخاص بي وكأنه هراء؟ إذا كانت البيانات الأصلية بيانات ثنائية (مثل صورة أو PDF أو ملف مضغوط)، فإن الناتج المفكك لن يكون نصاً قابلاً للقراءة. في هذه الحالة، تمثل سلسلة Base64 ملفاً ثنائياً وليس سلسلة نصية.

هل Base64 شكل من أشكال التشفير؟ لا. Base64 هو مخطط ترميز وليس تشفير. يمكن لأي شخص فك ترميز سلسلة Base64 دون مفتاح. لا يجب استخدامه أبداً لحماية البيانات الحساسة — استخدم التشفير الصحيح لهذا الغرض.

Keywords: HTML إلى JSX, محوّل HTML إلى JSX, تحويل HTML إلى React, محوّل className, JSX أونلاين, محوّل React JSX, تحويل HTML JSX