وړیا د HTML له Markdown سره بدلوونکی

دا څنګه کار کوي

دا بدلوونکی یوه لاسي-لیکل شوې، صفر-اړوندتیا regex پایپلاین شاوخوا جوړ شوی دی — هیڅ درېیمې-لورې کتابتون واردیدلی نه دی. ټول بدلون ستاسو براوزر دننه د یوه React useMemo کال له لارې چلیږي، محصول ژوندی تازه کوي کله چې تاسو ولیکئ.

1. 1
   پیسته کشف بډای متن نیسي

   یو ClipboardEvent اداره کوونکی text/html بڼه له کلیپبورډ نه لولي مخکې د دې چې براوزر ساده متن پیسته کړي. دا پدې معنا ده چې مستقیم د یوې ویب پاڼې، Google Docs، یا Word نه پیستل اتوماتیک خام HTML مارک‌اپ نیسي — تاسو ته اړتیا نشته چې لومړی سرچینه وګورئ.
2. 2
   څو-پړاوی regex پایپلاین ټاګونه ایستي او بدلوي

   بدلوونکی د regex پړاوونو یو کلک ترتیب چلوي: لومړی <head>، <script>، <style>، او HTML تبصرې لرې کوي، بیا رپرې شوي کوډ بلاکونه صفر-بایټ نښانونو شاته ساتي ترڅو راتلونکو پړاوونو د کوډ محتوا خرابول مخنیوی وشي. راتلونکي پړاوونه سرلیکونه (h1–h6)، بلاک‌کوټونه، انځورونه، لینکونه، تور/مایل/کرښه-وهل، ترتیب شوي او غیر-ترتیب شوي لیستونه، او بنسټیز GFM پایپ جدولونه اداره کوي — هر پړاو یو ځانګړی ټاګ کورنۍ موخه کوي.
3. 3
   اینٹیټۍ کوډ‌ایستل او خالي-ځای نارملول

   له ټولو ټاگونو ایستلو وروسته، یو ځانګړی decodeEntities فنکشن نومول شوي اینٹیټۍ (&amp;، &lt;، او داسې نور) پلس عددي اعشاري او هیکس توري حوالې (&#39;، &#x27;) د String.fromCodePoint سره حل کوي. ناسم یا لړ-نه-بهر کوډ ټکي د یونیکوډ بدلون توري سره بدلیږي پرځای د غلطي راوړولو. پای خالي ځایونه، کمل شوي خالي کرښې لړۍ، او اضافي خالي ځای بیا نارمل کیږي.
4. 4
   خوندي شوي کوډ لړۍ بیا رغیږي

   نښان سیسټم (صفر-بایټ-جلا شوي انډکسونه) وروستی کش کیږي، له ایستلو، کوډ‌ایستلو، او خالي-ځای کمولو بشپړیدو وروسته. دا د کوډ لفظیاتو دننه اینٹیټۍ لړیو دوه ځله کوډ‌ایستل مخنیوی کوي — یو عام دوه-کوډ‌ایستل بګ ساده HTML-ته-Markdown بدلوونکو کې.

اړوندې وسیلې