Kyauta Mai Canza HTML zuwa Markdown

Yadda Yake Aiki

Wannan mai canjawa an gina shi a kan wani bututun regex da aka rubuta da hannu, babu dogaro — babu shigo da ɗakin karatu na bangare na uku. Duk canjawar tana gudana a cikin burauzarka ta hanyar kiran React useMemo, tana sabunta fitarwa kai tsaye yayin da kake bugawa.

1. 1
   Ganowar manna yana kama rubutu mai arziki

   Wani mai kula da ClipboardEvent yana karanta salon text/html daga clipboard kafin burauza ya iya manna rubutu sauƙi. Wannan yana nufin manna kai tsaye daga wata shafi ta yanar-gizo, Google Docs, ko Word yana kama alamar HTML danye kai tsaye — ba kwa bukatar duba tushen tukuna.
2. 2
   Bututun regex mai matakai da yawa yana cire da canja alamomi

   Mai canjawar yana gudanar da tsari tsayayye na wuce-wuce na regex: da farko yana cire <head>, <script>, <style>, da sharhin HTML, sannan yana ajiye blocks na lamba a wurare da placeholders na null-byte don hana wuce-wuce na gaba daga gurɓata abin da ke ciki na lamba. Wuce-wuce masu biyowa suna sarrafa kanun labarai (h1–h6), blockquotes, hotuna, hanyoyin haɗi, kauri/mai lankwasa/soke, jerin da aka lasafta da wanda ba a lasafta ba, da teburan pipe na GFM na asali — kowace wuce-wuce tana niyya wani gida na alama na musamman.
3. 3
   Fassarar entity da daidaita farin sarari

   Bayan an cire dukkan alamomi, wani aikin decodeEntities na musamman yana warware entities masu suna (&amp;, &lt;, da sauransu) tare da ambaton harafi na lamba decimal da hex (&#39;, &#x27;) ta amfani da String.fromCodePoint. Ana maye gurbin codepoints marasa tsari ko wajen zango da harafin maye gurbi na Unicode maimakon jefar da kuskure. Sannan ana daidaita fararen sarari na jagora, gudun sabbin layuka fanko da aka rushe, da ƙarin farin sarari.
4. 4
   Ana dawo da sassan lamba da aka kiyaye

   Ana warware tsarin placeholder (alamomin da null-byte ya raba) na ƙarshe, bayan cirewa, fassarawa, da rushewar farin sarari sun gama. Wannan yana hana jerin entity a cikin lambar gaskiya daga fassara sau biyu — kuskuren fassara-sau-biyu na yau da kullum a masu canja HTML-zuwa-Markdown marasa hankali.

Kayan Aiki Masu Alaƙa