സൗജന്യ Markdown ടു HTML കൺവെർട്ടർ

ഇത് എങ്ങനെ പ്രവർത്തിക്കുന്നു

പരിവർത്തനം പൂർണ്ണമായും നിങ്ങളുടെ ബ്രൗസറിൽ ഒരു കൈകൊണ്ട് എഴുതിയ Markdown പാഴ്സർ വഴി ചെയ്യുന്നു — മൂന്നാം കക്ഷി ലൈബ്രറി ഇല്ല, സെർവർ റിക്വസ്റ്റ് ഇല്ല. പാഴ്സർ സോഴ്സ് ലൈൻ-ബൈ-ലൈൻ നടക്കുന്നു, ബ്ലോക്ക്-തല റൂളുകൾ (ഹെഡിംഗുകൾ, ലിസ്റ്റുകൾ, ടേബിളുകൾ, ഫെൻസ്ഡ് കോഡ്) പ്രയോഗിക്കുന്നു, പിന്നെ ബോൾഡ്, ഇറ്റാലിക്, ലിങ്കുകൾ, ഇമേജുകൾ, ഇൻലൈൻ കോഡ് എന്നിവയ്ക്കുള്ള ഇൻലൈൻ regex പാറ്റേണുകളുടെ ഒരു രണ്ടാം പാസ്.

1. 1
   ബ്ലോക്ക് ഘടന ആദ്യം പാഴ്സ് ചെയ്തു

   പാഴ്സർ റോ Markdown ലൈൻ ബൈ ലൈൻ വായിക്കുന്നു, ബ്ലോക്ക്-തല ഘടകങ്ങൾ തിരിച്ചറിയുന്നു: ഫെൻസ്ഡ് കോഡ് ബ്ലോക്കുകൾ (ഓപ്ഷണൽ ലാംഗ്വേജ് ക്ലാസോടെ), ATX ഹെഡിംഗുകൾ (# മുതൽ ######), ബ്ലോക്ക്ക്വോട്ടുകൾ, GFM ടാസ്ക്-ലിസ്റ്റ് ചെക്ക്ബോക്സുകൾ ഉൾപ്പെടെ ഓർഡേഡ്, അൺഓർഡേഡ് ലിസ്റ്റുകൾ, കോളം അലൈൻമെന്റുള്ള GFM ടേബിളുകൾ, ഹൊറിസോണ്ടൽ റൂളുകൾ, സോഫ്റ്റ്-റാപ്പ് ചെയ്ത തുടർച്ചാ ലൈനുകൾ ശരിയായി ചേർക്കുന്ന ഖണ്ഡികകൾ.
2. 2
   ഓരോ ബ്ലോക്കിനുള്ളിലും ഇൻലൈൻ പാറ്റേണുകൾ പ്രയോഗിച്ചു

   ഓരോ ബ്ലോക്കിന്റെയും ടെക്സ്റ്റ് HTML-എസ്കേപ്പ് ചെയ്ത ശേഷം, parseInline()-ലെ ഒരു regex ചെയിൻ ഇൻലൈൻ സിന്റാക്സ് പരിവർത്തനം ചെയ്യുന്നു: ഇമേജുകളും ലിങ്കുകളും (javascript:, data: hrefs നീക്കം ചെയ്യുന്ന URL സ്കീം വൈറ്റ്ലിസ്റ്റിംഗോടെ), **bold**, *italic*, ~~strikethrough~~, ഇൻലൈൻ കോഡ് — ആ മുൻഗണനാ ക്രമത്തിൽ.
3. 3
   പ്രിവ്യൂ ടോഗിളോടെ തത്സമയ HTML ഔട്ട്പുട്ട്

   ഓരോ കീസ്ട്രോക്കിലും useMemo വഴി HTML സ്ട്രിംഗ് വീണ്ടും കണക്കാക്കുന്നു, അതിനാൽ വലതുവശത്തെ പാനൽ ഉടനടി അപ്ഡേറ്റ് ആകുന്നു. റോ HTML സോഴ്സ് വ്യൂവിനും ബ്രൗസറിന്റെ സ്വന്തം ലേഔട്ട് എഞ്ചിൻ ഉപയോഗിച്ചുള്ള ഒരു റെൻഡേഡ് പ്രിവ്യൂവിനും ഇടയിൽ ഒരു ടോഗിൾ മാറുന്നു.
4. 4
   റിച്ച്-ടെക്സ്റ്റ് കോപ്പി ഉൾപ്പെടെ മൂന്ന് ഔട്ട്പുട്ട് ഓപ്ഷനുകൾ

   നിങ്ങൾക്ക് റോ HTML മാർക്കപ്പ് കോപ്പി ചെയ്യാം, DOCTYPE, charset മെറ്റാ ടാഗോടെ ഒരു പൂർണ്ണ സ്റ്റാൻഡ്എലോൺ .html ഫയൽ ഡൗൺലോഡ് ചെയ്യാം, അല്ലെങ്കിൽ 'Copy rich text' ഉപയോഗിക്കാം — ഇത് Clipboard API-യുടെ ClipboardItem വഴി text/html, text/plain എന്നീ MIME ടൈപ്പുകൾ രണ്ടും ക്ലിപ്ബോർഡിലേക്ക് എഴുതുന്നു, അതിനാൽ ഫോർമാറ്റ് ചെയ്ത ഫലം അധിക ഘട്ടങ്ങളില്ലാതെ Gmail, Google Docs, അല്ലെങ്കിൽ Word-ലേക്ക് നേരിട്ട് പേസ്റ്റ് ചെയ്യപ്പെടുന്നു.

അനുബന്ധ ടൂളുകൾ