Beddelaha HTML ilaa Markdown oo Bilaash ah

Sida Ay U Shaqeyso

Beddelahani waxaa lagu dhisay hab-socodka regex oo eber-ku-tiirsanaan ah oo gacan lagu qoray — laybreri dhinac saddexaad ah lama soo dejin. Beddelka oo dhan wuxuu ka dhacaa gudaha biraawsarkaaga via wicitaan React useMemo, isagoo cusboonaysiinaya wax-soo-saarka toos ah markaad qorayso.

1. 1
   Ogaanshaha dhajinta wuxuu qabtaa qoraal hodan ah

   Maareeye ClipboardEvent ah ayaa akhriya noocyada text/html ee clipboard-ka ka hor inta biraawsarku dhajin karo qoraal caadi ah. Tani waxay ka dhigan tahay in dhajinta toos ah oo laga soo qaatay bog webka ah, Google Docs, ama Word ay si toos ah u qabato markup-ka HTML ceyriinka ah — kuma baahnid inaad marka hore aragto ishe.
2. 2
   Hab-socod regex badan ayaa ka saara oo beddela calaamadaha

   Beddelahu wuxuu wadaa amar adag oo hab-socod regex ah: marka hore wuxuu ka saaraa <head>, <script>, <style>, iyo faallooyin HTML ah, kadibna wuxuu kayd geliyaa bloogyada koodh xannibeed gadaal ka meel-hayeyaal byte-eber ah si loo hortago hab-socodyada dambe inay xumeeyaan nuxurka koodhka. Hab-socodyada xigana waxay maareeyaan cinwaanada (h1–h6), quotedaha, sawirrada, links-ka, bold/italic/strikethrough, liisaska nidaamsan iyo aan nidaamsanayn, iyo miisaska pipe ee GFM aasaasiga ah — hab-socod kastaaba wuxuu bartilmaameedsadaa qoys calaamadeed gaar ah.
3. 3
   Furitaanka entity-ga iyo caadiyaynta bannaanka

   Ka dib marka dhammaan calaamadahu ka baxaan, function gaar ah oo la yiraahdo decodeEntities wuxuu xalliyaa entities-ka magacaysan (&amp;, &lt;, iwm) iyo tixraacyada xaraf lambar decimal iyo hex ah (&#39;, &#x27;) isagoo isticmaalaya String.fromCodePoint. Codepoint-yada khaldan ama ka baxsan xadka waxaa lagu beddelaa xarafka beddelka Unicode halkii wax la tuuri lahaa. Bannaanka dhinaca dambe, socodka khadadka madhan ee la soo koobay, iyo bannaanka dheeraadka ah ayaa kadib la caadiyaa.
4. 4
   Qaybaha koodhka la ilaaliyay waa la soo celiyaa

   Nidaamka meel-hayaha (goobaha byte-eber-lagu-kala-jaray) waa la dib-u-furaa ugu dambeyn, ka dib marka ka saaridda, furitaanka, iyo soo-koobidda bannaanka ay dhammaadaan. Tani waxay ka hortagtaa in taxanayaasha entity-ga ee ku jira qoraalka koodhka labo jeer la furo — khalad caadi ah oo laba-jeer-la-furo oo ku dhaca beddelayaasha HTML-ilaa-Markdown ee fudud.

Qalabka La Xiriira