ForHosting KIT · أدوات المطورين

منسق HTML

تحوّل أداة تجميل HTML الترميز المضغوط أو المصغّر أو المكتوب في سطر واحد إلى مستند مقروء تتبع مسافاته البادئة التسلسل الهرمي للعناصر.

● Betaمجاني · داخل متصفحك

شغّل الأداة مجانًا اطّلع على الـAPI

استخدمها من الويبAPIالبريدTelegramالتطبيق قريبًا

ألصق صفحة كاملة أو جزءاً من قالب أو ترميزاً منسوخاً من استجابة مولّدة، وستحصل على مسافة بادئة ثابتة من مسافتين من دون اتصال بالشبكة أو معالجة غير حتمية. تتعرّف الأداة على التعليقات والتصريحات والسمات المحاطة بعلامات اقتباس والمحتوى الخام لعناصر script وstyle وصيغة الإغلاق الذاتي والعناصر الفارغة القياسية في HTML. كما ترفض الوسوم العادية غير المتوقعة أو غير المتطابقة أو غير المغلقة.

أظهر التسلسل الهرمي المخفي في HTML المصغّر

يفيد التصغير عند إرسال الصفحة إلى المتصفح، لكنه يزيل البنية المرئية التي تساعد على فهم الترميز. قد يتحول شريط التنقل أو القائمة المتداخلة أو شبكة البطاقات أو النموذج إلى سطر متصل يصعب فيه مطابقة وسوم الفتح والإغلاق. تستعيد هذه الأداة البنية بقراءة المستند وفق ترتيب المصدر وتحديد المسافة البادئة من التسلسل الهرمي النشط. يزيد كل عنصر فتح عادي مستوى العمق، ثم يعيد وسم الإغلاق المطابق المخرجات إلى المستوى السابق. يوضع النص في عمق العنصر الحاوي، وتبقى التعليقات والتصريحات في موضعها المنطقي. تستخدم النتيجة نمطاً ثابتاً من مسافتين يناسب الفحص والتوثيق ومراجعة الشفرة والمقارنة. لا تضيف الأداة عناصر، ولا تعيد ترتيب السمات، ولا تعيد تصميم الترميز؛ بل تعرض التسلسل الموجود أصلاً بصورة واضحة ومتوقعة.

تعامل مع تراكيب HTML التي لا تحتاج إلى وسم إغلاق

ليس كل رمز بين قوسين زاويين سبباً لتغيير عمق التداخل. فالعناصر الفارغة القياسية مثل img وinput وmeta وlink وbr وhr تكتمل من دون وسم إغلاق، ولذلك لا تضاف إلى مكدس العناصر المفتوحة. وتحظى صيغة الإغلاق الذاتي الصريحة بالمعاملة نفسها. تبقى التعليقات وتصريحات نوع المستند وأقسام CDATA وتعليمات المعالجة رموزاً كاملة. يراعي المحلل علامات الاقتباس المفردة والمزدوجة داخل السمات، فلا تنهي علامة «أكبر من» الموجودة داخل قيمة الوسم قبل أوانه. كما يحافظ على محتوى script وstyle وtextarea حتى وسم الإغلاق المطابق، فلا يفسر الرموز المشابهة للترميز على أنها عناصر فرعية زائفة. تكون العملية حتمية ولا تعتمد على الشبكة أو الوقت أو العشوائية أو إصلاح DOM تلقائياً أو أي خدمة خارجية.

اكتشف البنية الناقصة قبل إعادة استخدامها

غالباً ما يأتي الترميز المراد تنسيقه من سجل أو قالب بريد إلكتروني أو استجابة خادم أو حقل تحرير أو ناتج بناء. وقد تكون هذه المصادر مبتورة حتى عندما يبدو الجزء معقولاً. تحتفظ الأداة بمكدس للعناصر المفتوحة وتفرض إغلاقها بالترتيب العكسي. يؤدي وسم الإغلاق غير المتوقع إلى فشل فوري، ويذكر عدم التطابق الوسم الذي كان يجب إغلاقه أولاً. إذا انتهى الإدخال مع بقاء عنصر عادي مفتوح، تعيد الطلبية خطأ إدخال غير صالح يحدد ذلك العنصر. تمثل العناصر الفارغة القياسية والوسوم ذات الإغلاق الذاتي الصريح الاستثناءات المقصودة. هذا فحص بنيوي وليس تحققاً كاملاً من جميع قواعد معيار HTML. استخدمه قبل المراجعة أو التخزين أو التوثيق أو أي معالجة لاحقة. يتوفر التنفيذ المحلي في المتصفح، وتستخدم كل طلبية API آلية السعر الأساسي المنشور وقدره $0.002.

حالات الاستخدام

فحص صفحة إنتاج مصغّرة

وسّع الترميز المكتوب في سطر واحد قبل تتبع مكوّن أو رابط أو عنصر نموذج أو قسم مضمّن.

إعداد قالب للمراجعة

طبّق مسافات بادئة ثابتة لمقارنة البنية من دون مطابقة الوسوم المتداخلة يدوياً.

التحقق من جزء HTML منسوخ

اكتشف وسم إغلاق مفقوداً أو غير متطابق بعد نسخ الترميز من استجابة أو محرر أو رسالة أو سجل.

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

ما الذي تغيّره أداة تجميل HTML؟

تضيف فواصل أسطر ومسافات بادئة من مسافتين وفق تداخل الوسوم، وتوحّد الفراغات بين أجزاء النص العادي.

ما الوسوم التي يمكن أن تبقى بلا إغلاق؟

لا تحتاج العناصر الفارغة القياسية، ومنها img وinput وmeta وlink وbr وhr، إلى وسم إغلاق. وتُقبل أيضاً صيغة الإغلاق الذاتي الصريحة.

هل تُحفظ السمات والشفرة المضمّنة؟

نعم. تُحفظ السمات والقيم المحاطة بعلامات اقتباس، ويعامل محتوى script وstyle وtextarea كنص خام حتى وسم الإغلاق المطابق.

هل هذه أداة تحقق كاملة من معيار HTML؟

لا. فهي تفحص تطابق الوسوم وبعض الحدود المعجمية، لكنها لا تتحقق من جميع قواعد المستند أو المحتوى أو إمكانية الوصول أو السمات.

ما تكلفة طلبية API؟

تستخدم كل طلبية السعر الأساسي المنشور وقدره $0.002. ويمكن تشغيل إصدار المتصفح محلياً من دون استدعاء API.

للمطوّرين — الوصول عبر API

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

الـEndpoint

POSThttps://api.kit.forhosting.com/dev2/beautify-html

صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.

استدعِ الخدمة من بيئتك

curl -X POST https://api.kit.forhosting.com/dev2/beautify-html \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"html":"<!doctype html><html><body><main><h1>Hello</h1><p>Readable HTML.</p></main></body></html>"}'

const res = await fetch("https://api.kit.forhosting.com/dev2/beautify-html", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "html": "<!doctype html><html><body><main><h1>Hello</h1><p>Readable HTML.</p></main></body></html>"
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/dev2/beautify-html",
    headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
    json={
    "html": "<!doctype html><html><body><main><h1>Hello</h1><p>Readable HTML.</p></main></body></html>"
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/dev2/beautify-html", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => '{"html":"<!doctype html><html><body><main><h1>Hello</h1><p>Readable HTML.</p></main></body></html>"}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"html":"<!doctype html><html><body><main><h1>Hello</h1><p>Readable HTML.</p></main></body></html>"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/dev2/beautify-html", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

مثال على الطلب

{
  "html": "<!doctype html><html><body><main><h1>Hello</h1><p>Readable HTML.</p></main></body></html>"
}

مثال على الاستجابة

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "dev2.beautify_html",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.

الأسعار

لكل طلب$0.002

السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.

الأخطاء

HTTP	الرمز	المعنى
`401`	`unauthorized`	مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك.
`402`	`insufficient_balance`	رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة.
`404`	`unknown_type`	نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب.
`429`	`rate_limited`	تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة.

اطّلع على توثيق KIT الكامل ←