مفت HTML سے Markdown کنورٹر

یہ کیسے کام کرتا ہے

یہ کنورٹر ہاتھ سے لکھی، بغیر انحصار کی regex پائپ لائن پر بنا ہے — کوئی تیسرے فریق کی لائبریری امپورٹ نہیں ہوتی۔ پوری تبدیلی آپ کے براؤزر میں React useMemo کال کے اندر چلتی ہے، اور ٹائپ کرتے ہی آؤٹ پٹ لائیو اپ ڈیٹ ہوتا ہے۔

1. 1
   پیسٹ کی شناخت رچ ٹیکسٹ کو پکڑتی ہے

   ایک ClipboardEvent ہینڈلر براؤزر کے سادہ متن پیسٹ کرنے سے پہلے کلپ بورڈ سے text/html شکل پڑھتا ہے۔ اس کا مطلب ہے کہ ویب صفحے، Google Docs یا Word سے براہ راست پیسٹ کرنے پر خام HTML مارک اپ خود بخود مل جاتا ہے — پہلے سورس دیکھنے کی ضرورت نہیں۔
2. 2
   کثیر مرحلہ regex پائپ لائن ٹیگز ہٹاتی اور بدلتی ہے

   کنورٹر regex مراحل کی سخت ترتیب چلاتا ہے: پہلے <head>، <script>، <style> اور HTML تبصرے ہٹاتا ہے، پھر fenced کوڈ بلاکس کو null-byte نشانات کے پیچھے چھپاتا ہے تاکہ بعد کے مراحل کوڈ کا مواد خراب نہ کریں۔ بعد کے مراحل سرخیاں (h1–h6)، اقتباسات، تصاویر، لنکس، بولڈ/اٹالک/کٹی لکیر، ترتیب وار اور غیر ترتیب وار فہرستیں، اور بنیادی GFM پائپ جدولیں سنبھالتے ہیں — ہر مرحلہ ایک مخصوص ٹیگ خاندان کو نشانہ بناتا ہے۔
3. 3
   Entity ڈی کوڈنگ اور خالی جگہ کی معمول سازی

   تمام ٹیگز ہٹنے کے بعد ایک مخصوص decodeEntities فنکشن String.fromCodePoint سے نام والی entities (&amp;، &lt; وغیرہ) اور عددی decimal اور hex حرفی حوالے (&#39;، &#x27;) حل کرتا ہے۔ خراب یا حد سے باہر code points خرابی دینے کی بجائے Unicode replacement character سے بدل دیے جاتے ہیں۔ پھر آخری اسپیسز، خالی سطروں کے سلسلے اور زائد خالی جگہ معمول پر لائی جاتی ہے۔
4. 4
   محفوظ کوڈ حصے بحال کیے جاتے ہیں

   نشانات کا نظام (null-byte سے الگ اشاریے) سب سے آخر میں کھولا جاتا ہے، ہٹانے، ڈی کوڈنگ اور خالی جگہ سمیٹنے کے مکمل ہونے کے بعد۔ اس سے کوڈ کے اندر entity سلسلے دو بار ڈی کوڈ نہیں ہوتے — سادہ HTML سے Markdown کنورٹرز کا ایک عام دوہری ڈی کوڈ بگ۔

متعلقہ ٹولز