📝

ነፃ HTML ወደ Markdown መቀየሪያ

HTML ን ወደ ንጹህ Markdown ይቀይሩ። ራስጌዎችን፣ ዝርዝሮችን፣ አገናኞችን፣ ምስሎችን፣ የኮድ ብሎኮችንና ጥቅሶችን ይይዛል። ይዘትን ከCMSዎች ለማውጣት ፍጹም።

በአሳሽዎ ውስጥ ይሰራልምዝገባ የለም፣ ብቅ-ባይ መስኮቶች የሉምምዝገባ አያስፈልግምለዘላለም ነፃ

ከተጫነ በኋላ ከመስመር ውጭ ይሠራል

HTMLን በግራ ይለጥፉ፤ ንጹህ Markdown በቀኝ ይታያል። Markdown ከHTML ቀላል ስለሆነ ቅጦች፣ ስክሪፕቶች እና ውስብስብ ሠንጠረዦች ይቀላሉ ወይም ይወገዳሉ።

የHTML ግብዓት

ጠቃሚ ምክር፦ ከድር ገጽ፣ ከWord ወይም ከGoogle Docs የተቀዳ ቅርጸት ያለው ጽሑፍ ይለጥፉ - HTML-ው በራስ-ሰር ይያዛል።

የMarkdown ውጤት

የMarkdown ውጤት እዚህ ይታያል…

እንዴት እንደሚሠራ

ይህ መቀየሪያ በእጅ በተጻፈ እና ምንም ጥገኝነት በሌለው የregex ሂደት ላይ የተገነባ ነው — ምንም የሦስተኛ ወገን ላይብረሪ አይገባም። መቀየሩ በሙሉ በአሳሽዎ ውስጥ በReact useMemo ጥሪ ይሠራል፤ ሲተይቡ ውጤቱ በቀጥታ ይዘምናል።

1
የመለጠፍ ማወቂያ የበለጸገ ጽሑፍን ይይዛል
የClipboardEvent ተቆጣጣሪ አሳሹ ቀላል ጽሑፍ ከመለጠፉ በፊት የtext/html ቅጹን ከቅንጥብ ሰሌዳ ያነባል። ይህ ማለት ከድረ-ገጽ፣ ከGoogle Docs ወይም ከWord በቀጥታ ሲለጥፉ ጥሬው የHTML markup በራስ-ሰር ይያዛል — መጀመሪያ ምንጩን ማየት አያስፈልግዎትም።
2
ባለብዙ ዙር የregex ሂደት መለያዎችን ያስወግዳል እና ይቀይራል
መቀየሪያው የregex ዙሮችን በጥብቅ ቅደም ተከተል ያስኬዳል፦ መጀመሪያ <head>፣ <script>፣ <style> እና የHTML አስተያየቶችን ያስወግዳል፣ ከዚያም በኋላ ያሉት ዙሮች የኮድ ይዘትን እንዳያበላሹ የታጠሩ የኮድ ብሎኮችን ከnull-byte ቦታ ያዢዎች ጀርባ ያስቀምጣል። የሚቀጥሉት ዙሮች ርዕሶችን (h1–h6)፣ ጥቅሶችን፣ ምስሎችን፣ አገናኞችን፣ ደማቅ/ሰያፍ/የተሰረዘ ጽሑፍን፣ ቁጥር ያላቸውን እና የሌላቸውን ዝርዝሮች እና መሠረታዊ የGFM pipe ሰንጠረዦችን ያስተናግዳሉ — እያንዳንዱ ዙር አንድ የተወሰነ የመለያ ቤተሰብን ያነጣጥራል።
3
የአካላት መፍታት እና የክፍተት ማስተካከያ
ሁሉም መለያዎች ከተወገዱ በኋላ፣ የተለየ decodeEntities ተግባር የስያሜ አካላትን (&፣ < ወዘተ.) እንዲሁም የአስርዮሽ እና የhex የቁምፊ ማጣቀሻዎችን ('፣ ') በString.fromCodePoint ይፈታል። የተበላሹ ወይም ከክልል ውጭ ያሉ codepointዎች ስህተት ከመጣል ይልቅ በUnicode መተኪያ ቁምፊ ይተካሉ። ከዚያም የመጨረሻ ክፍተቶች፣ ተከታታይ ባዶ መስመሮች እና ከመጠን ያለፉ ክፍተቶች ይስተካከላሉ።
4
የተጠበቁ የኮድ ክፍሎች ይመለሳሉ
የቦታ ያዢ ሥርዓቱ (በnull-byte የተለዩ መረጃ ጠቋሚዎች) መወገድ፣ መፍታት እና የክፍተት መጨመቅ ከተጠናቀቁ በኋላ በመጨረሻ ይፈታል። ይህ በኮድ ውስጥ ያሉ የአካል ቅደም ተከተሎች ሁለት ጊዜ እንዳይፈቱ ይከላከላል — ቀላል በሆኑ ከHTML ወደ Markdown መቀየሪያዎች የተለመደ የድርብ መፍታት ስህተት።