مقدمة
تحوّل أداة HTML إلى نص في Ali Hub ترميز HTML الذي تلصقه إلى نص عادي سهل القراءة. تفيدك عندما تريد فحص الكلمات الموجودة داخل مقطع صفحة، أو تجهيز المحتوى لمحرر نصوص، أو مقارنة النص الظاهر، أو إزالة الوسوم قبل متابعة الكتابة. الصق المصدر في الحقل، وشغّل المحوّل، ثم راجع الناتج قبل نسخه إلى نظام آخر. يعتمد الناتج على الترميز الذي قدمته وعلى قواعد المحوّل والبنية الموجودة في المقطع.
تركّز الأداة على استخراج النص والمحافظة على ترتيب القراءة المفيد. قد تتحول العناوين والفقرات وعناصر القوائم وخلايا الجداول وفواصل الأسطر إلى أسطر منفصلة. تُحذف الوسوم التي تصف المظهر فقط من النص الناتج. وقد تُفك كيانات HTML مثل & و< إلى الأحرف التي تظهر للقارئ عندما تمثل نصًا. هذه خطوة لتحويل النص، وليست محرك عرض للمتصفح أو مدقق وصول أو منظفًا أمنيًا أو محللًا كاملًا للمستند.
احتفظ بترميز HTML الأصلي عندما يكون مهمًا. لا يحتفظ النص العادي بتنسيق CSS أو الصور أو الروابط القابلة للنقر أو النماذج أو البرامج النصية أو الوسائط المضمنة أو السلوك التفاعلي. إذا احتوى المقطع على نص مخفي أو وسوم غير مكتملة أو برنامج نصي، فقارن المصدر بالناتج. لا تعتبر النص المحوّل دليلًا على أن الصفحة آمنة أو مكتملة أو مطابقة بصريًا للنسخة المعروضة.
ماذا يفعل المحوّل؟
تستخدم HTML الوسوم لوصف بنية المستند. يقرأ المحوّل الترميز المقدم، ويحدد عقد النص والحدود البنيوية المختارة، ثم يخرج تمثيلًا نصيًا عاديًا. مثلًا قد يتحول العنوان إلى سطر يتبعه نص الفقرة، بينما تضيف وسم strong كلماتها من دون الوسم نفسه. تُطبَّع المسافات وفق سلوك الأداة حتى لا ينتج عن الترميز المنسوخ عدد كبير من الأسطر الفارغة.
تحتاج عملية escaping والكيانات إلى انتباه. في HTML تعرض السلسلة & علامة العطف، وتمثل < علامة أصغر من، وتمثل " علامة الاقتباس. إذا كانت هذه السلاسل نصًا ظاهرًا، فإن فكها يجعل القراءة أسهل. أما القوس الزاوي الذي يمثل جزءًا من كود فيحتاج إلى مراجعة بعد التحويل. لا تستنتج الأداة وحدها هل الحرف أمر برمجي أم مثال كود أم نص عادي.
تحتاج الروابط إلى قرار يدوي. قد تحتفظ بعض قواعد التحويل بنص الرابط وتحذف عنوانه، وقد تضع العنوان بجانب النص. راجع الناتج عندما تكون الوجهة مهمة. غالبًا تضيف الصور النص البديل إذا كان موجودًا، لكن الصورة التي لا تحتوي alt مفيدًا قد تختفي من الناتج. وقد تظهر الجداول كسطور بترتيب القراءة بدل شبكة صفوف وأعمدة.
طريقة الاستخدام
- الصق مقطع HTML أو جزء المستند في حقل الإدخال.
- شغّل المحوّل وافحص نتيجة النص العادي.
- قارن الكيانات والروابط والصور والجداول وفواصل الأسطر بالترميز الأصلي.
- انسخ النص الذي راجعته إلى وجهتك واحتفظ بالمصدر إذا احتجت إلى استعادة التنسيق.
طريقة التحويل
قراءة البنية
يقرأ المحوّل الوسوم وعقد النص بترتيب المستند، ويستخدم العناصر الكتلية الشائعة للفصل بين الأقسام المقروءة.
فك الأحرف الظاهرة
يمكن أن تتحول كيانات HTML الشائعة إلى أحرفها الظاهرة. راجع أمثلة الكود والترميز الحرفي لأن فك الكيان يغير طريقة ظهوره كنص عادي.
تطبيع المسافات
تُخفَّض المسافات والأسطر الفارغة المتكررة وفق قواعد الأداة حتى يصبح الناتج أسهل للنسخ والتحرير.
إخراج النص
الناتج نص عادي. لا تنتقل إليه الأنماط والبرامج النصية ومعالجات الأحداث والسلوكيات التفاعلية.
أمثلة
عنوان وفقرة
<h1>مرحبًا</h1><p>اقرأ الدليل.</p>
النص: <h1>مرحبًا</h1><p>اقرأ الدليل.</p>
- الصق المثال في حقل الإدخال.
- شغّل الأداة وراجع الناتج الذي أنشأه المحوّل.
نص عريض
<p>استخدم <strong>كلمات واضحة</strong> في مسودتك.</p>
النص: <p>استخدم <strong>كلمات واضحة</strong> في مسودتك.</p>
- الصق المثال في حقل الإدخال.
- شغّل الأداة وراجع الناتج الذي أنشأه المحوّل.
عناصر قائمة
<ul><li>خطط</li><li>اكتب</li><li>راجع</li></ul>
النص: <ul><li>خطط</li><li>اكتب</li><li>راجع</li></ul>
- الصق المثال في حقل الإدخال.
- شغّل الأداة وراجع الناتج الذي أنشأه المحوّل.
فك كيان
<p>سمك & بطاطا <اليوم></p>
النص: <p>سمك & بطاطا <اليوم></p>
- الصق المثال في حقل الإدخال.
- شغّل الأداة وراجع الناتج الذي أنشأه المحوّل.
نص رابط
<a href="https://example.com">اقرأ التقرير</a>
النص: <a href="https://example.com">اقرأ التقرير</a>
- الصق المثال في حقل الإدخال.
- شغّل الأداة وراجع الناتج الذي أنشأه المحوّل.
النص البديل للصورة
<img src="chart.png" alt="مخطط المبيعات الشهري">
النص: <img src="chart.png" alt="مخطط المبيعات الشهري">
- الصق المثال في حقل الإدخال.
- شغّل الأداة وراجع الناتج الذي أنشأه المحوّل.