HTML إلى JSX
حوّل HTML الثابتة محليًا إلى JSX يمكن استخدامه مع React أو Preact أو Solid، وأبلغ عن المحتوى الخطر الذي تمت إزالته.
كيفية الاستخدام HTML إلى JSX
سيتم تحليل HTML وتحويله داخل المتصفح الحالي فقط، ولن يتم رفعه، ولن يتم تنفيذ البرامج النصية الموجودة فيه.
اختر هدف JSX
اختر React أو Preact أو Solid، ثم أدخل HTML ثابتًا لا يتجاوز 2 MiB.
تنفيذ التحويل
تُحوِّل الأداة class وfor وstyle والسمات المنطقية والعناصر الفارغة وسمات SVG الشائعة، كما تُهرّب الأقواس المعقوفة في النص.
تحقّق من تقرير الأمان
تحقق من الناتج وعدّ الوسوم المحذوفة وخصائص الأحداث والعناصر الخطرة URL، ثم انسخ أو نزّل JSX.
القيود والتنبيهات
- هذا ليس أداة إصلاح كاملة لـ HTML للمتصفح؛ فالمدخلات شديدة التلف، أو التي تعتمد على حالة DOM أو تعليمات القالب، تتطلب ترتيباً يدوياً.
- سيتم حذف script وstyle وiframe وobject وembed وخصائص الأحداث وURL الخطرة، ولن يتم الاحتفاظ بسلوك الصفحة الأصلية.
- ينشئ فقط مكونات React أو Preact أو Solid JSX، ولا ينشئ مكونات Vue أو Svelte، كما أنه لن يقسم المكونات أو يستورد الموارد تلقائيًا.
الأسئلة الشائعة
كيف يتم تحويل style المضمَّن؟
تُحوَّل الإعلانات الشائعة CSS إلى كائنات style من نوع JSX؛ أما الإعلانات التي يتعذر تحليلها بشكل موثوق فيجب تصحيحها يدويًا في المخرجات.
لماذا اختفت البرامج النصية وiframe؟
قد تنفّذ هذه المحتويات شيفرة أو تُحمّل صفحات خارجية، ويجري إزالتها عمدًا ضمن الحدود الآمنة التي يعتمدها التحويل البنيوي الثابت.
هل يمكن استخدام المخرجات مباشرةً في الإنتاج؟
ينبغي أولًا المرور بتهيئة المشروع، وفحص الأنواع، واختبارات المتصفح، مع التحقق خصوصًا من السمات المخصصة، وSVG، والفروق بين الأطر.