Акысыз HTML-Markdown конверттегич

Бул кантип иштейт

Бул конвертер кол менен жазылган, нөл-көз карандылыктагы регекс түтүгүнүн айланасында курулган — эч бир үчүнчү тараптын китепканасы импорттолбойт. Бүтүн айландыруу React useMemo чакыруусу аркылуу браузериңизде болот, терип жатканда чыгууну тирүү жаңылап.

1. 1
   Чаптоону аныктоо бай текстти кармайт

   ClipboardEvent иштеткич браузер жөнөкөй текстти чаптай алганга чейин алмашуу буферинен text/html аромат окуйт. Бул веб барактан, Google Docs же Word'дон түз чаптоо автоматтык түрдө чийки HTML белгилөөсүн кармайт дегенди билдирет — адегенде булакты көрүүнүн кереги жок.
2. 2
   Көп-өтүштүк регекс түтүгү тегдерди алат жана айландырат

   Конвертер регекс өтүштөрүнүн катуу тартибин иштетет: адегенде <head>, <script>, <style> жана HTML комментарийлерин алат, андан кийин кийинки өтүштөр код мазмунун бузбашы үчүн курчалган код блоктарын нөл-байт запастыктарынын артына жашырат. Кийинки өтүштөр аталыштарды (h1–h6), цитата блоктору, сүрөттөр, шилтемелер, калың/курсив/сызылган, тартипсиз жана тартипсиз тизмелер жана негизги GFM түтүк таблицаларын иштетет — ар бир өтүш белгилүү бир тег үй-бүлөсүн максат кылат.
3. 3
   Элемент декоддоо жана боштук нормалдаштыруу

   Бардык тегдер алынгандан кийин, атайын decodeEntities функциясы аталган элементтерди (&amp;, &lt;, ж.б.) кошумча ондук сандык жана он алтылык символ шилтемелерин (&#39;, &#x27;) String.fromCodePoint колдонуп чечет. Туура эмес же диапазондон тышкары код чекиттери ката бербей эле Юникод алмаштыруу символу менен алмаштырылат. Аягындагы боштуктар, кысылган бош сап агымдары жана артыкча боштук андан кийин нормалдаштырылат.
4. 4
   Корголгон код спандары калыбына келтирилет

   Запастык системасы (нөл-байт-чектелген индекстер) алуу, декоддоо жана боштук кысуу бүткөндөн кийин акырында чечилет. Бул код литалдарынын ичиндеги элемент ырааттуулуктарынын эки жолу декоддолушуна жол бербейт — жөнөкөй HTMLден-Markdownго конвертерлерде кездешкен эки-декоддоо катасы.

Байланыштуу куралдар