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

ലേക്കുള്ള മാർക്ക്ഡൗൺ HTML കൺവെർട്ടർ

തത്സമയ പ്രിവ്യൂ പിന്തുണയോടെ മാർക്ക്ഡൗൺ ടെക്‌സ്‌റ്റ് പ്രൊഡക്ഷൻ-റെഡി HTML കോഡാക്കി മാറ്റുക.

ഈ ടൂളിനെ കുറിച്ച്

പ്ലെയിൻ ടെക്സ്റ്റ് കൺവെൻഷനുകൾ ഉപയോഗിച്ച് ഘടനാപരമായ HTML നിർമ്മിക്കാൻ എഴുത്തുകാരെ അനുവദിക്കുന്നതിനായി ജോൺ ഗ്രുബർ 2004-ൽ സൃഷ്ടിച്ച ഒരു ഭാരം കുറഞ്ഞ മാർക്ക്അപ്പ് ഭാഷയാണ് മാർക്ക്ഡൗൺ: തലക്കെട്ടുകൾക്കുള്ള ഹാഷ് പ്രതീകങ്ങൾ, ഊന്നൽ നൽകുന്നതിനുള്ള നക്ഷത്രചിഹ്നങ്ങൾ, ലിസ്റ്റുകൾക്കുള്ള ഹൈഫനുകൾ, കോഡിന് ഇൻഡൻ്റ് ചെയ്ത ബ്ലോക്കുകൾ. README ഫയലുകൾ, സാങ്കേതിക ഡോക്യുമെൻ്റേഷൻ, ബ്ലോഗ് ഡ്രാഫ്റ്റുകൾ, സ്റ്റാറ്റിക് സൈറ്റ് ജനറേറ്ററുകൾ, കൂടാതെ എഴുത്ത് പ്ലെയിൻ ടെക്സ്റ്റായും റെൻഡർ ചെയ്‌ത ഔട്ട്‌പുട്ടായും വായിക്കാൻ കഴിയുന്ന ഏത് സന്ദർഭത്തിനും ഫോർമാറ്റ് ഡിഫോൾട്ടായി മാറിയിരിക്കുന്നു. മാർക്ക്ഡൗൺ HTML-ലേക്ക് പരിവർത്തനം ചെയ്യുന്നത് ഉറവിടത്തെ ഒരു വെബ്‌പേജാക്കി മാറ്റുന്ന റെൻഡറിംഗ് ഘട്ടമാണ്.

ഈ കൺവെർട്ടർ അടയാളപ്പെടുത്തിയ ലൈബ്രറി ഉപയോഗിക്കുന്നു, ജാവാസ്ക്രിപ്റ്റിൽ ഏറ്റവും വ്യാപകമായി സ്വീകരിച്ച മാർക്ക്ഡൗൺ റെൻഡറർ. അടയാളപ്പെടുത്തിയത് CommonMark, GitHub Flavored Markdown (GFM) എന്നിവയെ പിന്തുണയ്ക്കുന്നു, അതായത് ടേബിളുകൾ, ഫെൻസ്ഡ് കോഡ് ബ്ലോക്കുകൾ, ടാസ്‌ക് ലിസ്റ്റുകൾ, സ്‌ട്രൈക്ക്‌ത്രൂ, സ്റ്റാൻഡേർഡ് മാർക്ക്ഡൗൺ ഫീച്ചറുകൾക്ക് പുറമെ എല്ലാ ജോലികളും ശരിയായി ലിങ്ക് ചെയ്യൽ.

ഔട്ട്‌പുട്ട് പ്ലെയിൻ HTML ആണ് - തലക്കെട്ടുകൾ, ഖണ്ഡികകൾ, ലിസ്റ്റുകൾ, ലിങ്കുകൾ, ഇമേജുകൾ എന്നിവയ്‌ക്കായുള്ള സെമാൻ്റിക് ടാഗുകൾ, കൂടാതെ സിൻ്റാക്സ് ഹൈലൈറ്റിംഗ് ടൂളുകൾ പ്രതീക്ഷിക്കുന്ന കോഡ് ബ്ലോക്കുകൾക്കുള്ള ക്ലാസ് ഹുക്കുകൾ. ഔട്ട്‌പുട്ട് ഏതെങ്കിലും CMS-ലേക്ക് വൃത്തിയായി ഒട്ടിക്കുക, സ്റ്റാറ്റിക് സൈറ്റ് ജനറേറ്ററുകളിൽ ഉൾച്ചേർക്കുന്നു, അല്ലെങ്കിൽ ഒറ്റപ്പെട്ട .html ആയി പ്രവർത്തിക്കുന്നു. CSS അല്ലെങ്കിൽ JavaScript ഒന്നും ചേർത്തിട്ടില്ല; ഫലം സ്റ്റൈലിംഗ് നിങ്ങളുടെ ഡൗൺസ്ട്രീം സന്ദർഭത്തിന് വിട്ടിരിക്കുന്നു.

എന്തുകൊണ്ടാണ് മാർക്ക്ഡൗൺ HTML-ലേക്ക് പരിവർത്തനം ചെയ്യുന്നത്

എഴുത്തുകാരും ഡെവലപ്പർമാരും ഇഷ്ടപ്പെടുന്ന ഫോർമാറ്റാണ് മാർക്ക്ഡൗൺ; ബ്രൗസറുകൾ റെൻഡർ ചെയ്യുന്ന ഫോർമാറ്റാണ് HTML. മിക്ക സ്റ്റാറ്റിക് സൈറ്റ് ജനറേറ്ററുകളും CMS പ്ലാറ്റ്‌ഫോമുകളും മാർക്ക്ഡൗണിനെ എച്ച്ടിഎംഎൽ ആയി പരിവർത്തനം ചെയ്യുന്നു, എന്നാൽ നിങ്ങൾക്ക് ചിലപ്പോൾ ഒരു ഒറ്റപ്പെട്ട ഘട്ടമായി പരിവർത്തനം ആവശ്യമാണ് - മാർക്ക്ഡൗൺ പിന്തുണയില്ലാത്ത ഒരു CMS-ലേക്ക് ഒട്ടിക്കുക, ഇമെയിലുകൾക്കായി HTML സൃഷ്ടിക്കുക, ദ്രുത പ്രിവ്യൂ നിർമ്മിക്കുക, അല്ലെങ്കിൽ കൂടുതൽ പ്രോസസ്സിംഗിനായി റെൻഡർ ചെയ്‌ത ഔട്ട്‌പുട്ട് എക്‌സ്‌ട്രാക്റ്റുചെയ്യുക.

ഒരു ബ്രൗസറിൽ ആത്യന്തികമായി പ്രദർശിപ്പിക്കുന്ന ഏതൊരു ഉള്ളടക്കത്തിൻ്റെയും കാനോനിക്കൽ ഫോർമാറ്റ് കൂടിയാണ് HTML. Markdown ഡ്രാഫ്റ്റുകൾ, വലിയ HTML ആപ്ലിക്കേഷനുകളിൽ ഉൾച്ചേർത്ത ഡോക്യുമെൻ്റേഷൻ പേജുകൾ, എഡിറ്റർമാരിൽ ഒട്ടിച്ച ബ്ലോഗ് പോസ്റ്റുകൾ എന്നിവയിൽ നിന്ന് നിർമ്മിച്ച ഇമെയിൽ വാർത്താക്കുറിപ്പുകൾ, HTML ശുദ്ധമായ പരിവർത്തനത്തിൽ നിന്ന് എല്ലാ പ്രയോജനങ്ങളും പ്രതീക്ഷിക്കുന്നു.

ഉപയോഗിക്കേണ്ട വിധം

മാർക്ക്ഡൗൺ ഒട്ടിക്കുക, HTML നേടുക.

  1. നിങ്ങളുടെ മാർക്ക്ഡൗൺ ചേർക്കുക: ഇൻപുട്ട് ഏരിയയിലേക്ക് മാർക്ക്ഡൗൺ ടെക്സ്റ്റ് ഒട്ടിക്കുക അല്ലെങ്കിൽ ഒരു .md ഫയൽ ഡ്രോപ്പ് ചെയ്യുക. സ്റ്റാൻഡേർഡ് മാർക്ക്ഡൌണും GitHub ഫ്ലേവർഡ് മാർക്ക്ഡൗൺ വാക്യഘടനയും പ്രവർത്തിക്കുന്നു.
  2. പരിവർത്തനം ചെയ്യുക: അടയാളപ്പെടുത്തിയത് മാർക്ക്ഡൗൺ ഒരു AST ആയി പാഴ്‌സ് ചെയ്യുകയും HTML പുറപ്പെടുവിക്കുകയും ചെയ്യുന്നു. സ്റ്റാൻഡേർഡ് ഇൻലൈൻ ഘടകങ്ങൾ (ഊന്നി, ശക്തമായ, ലിങ്കുകൾ, കോഡ്, ഇമേജുകൾ), ബ്ലോക്ക് ഘടകങ്ങൾ (തലക്കെട്ടുകൾ, ഖണ്ഡികകൾ, ലിസ്റ്റുകൾ, ബ്ലോക്ക്ക്വോട്ടുകൾ), GFM വിപുലീകരണങ്ങൾ (പട്ടികകൾ, വേലി കോഡ്, ടാസ്‌ക് ലിസ്റ്റുകൾ, ഓട്ടോലിങ്കുകൾ) എല്ലാം ശരിയായി റെൻഡർ ചെയ്യുന്നു.
  3. പ്രിവ്യൂ: പ്രിവ്യൂ പാനലിൽ റെൻഡർ ചെയ്ത HTML പരിശോധിക്കുക. കോഡ് ബ്ലോക്കുകൾ, പട്ടികകൾ, മറ്റ് സങ്കീർണ്ണ ഘടകങ്ങൾ എന്നിവ പ്രതീക്ഷിച്ചതുപോലെ ദൃശ്യമാകുമെന്ന് സ്ഥിരീകരിക്കുക.
  4. പകർത്തുക അല്ലെങ്കിൽ ഡൗൺലോഡ് ചെയ്യുക: ഒരു CMS-ലേക്ക് ഒട്ടിക്കാൻ ക്ലിപ്പ്ബോർഡിലേക്ക് HTML പകർത്തുക, അല്ലെങ്കിൽ ഒറ്റപ്പെട്ട ഉപയോഗത്തിനായി .html ആയി സംരക്ഷിക്കുക. ഇൻലൈൻ ശൈലികളില്ലാതെ സെമാൻ്റിക് HTML5 ആണ് ഔട്ട്പുട്ട്.

സാധാരണ ഉപയോഗ കേസുകൾ

സാങ്കേതിക വിശദാംശങ്ങൾ

അടയാളപ്പെടുത്തിയത് ടു-പാസ് ആർക്കിടെക്ചർ ഉപയോഗിക്കുന്നു. ബ്ലോക്ക്-ലെവൽ ടോക്കണുകളിലേക്കും (തലക്കെട്ടുകൾ, ഖണ്ഡികകൾ, ലിസ്റ്റുകൾ, കോഡ് ബ്ലോക്കുകൾ) ഇൻലൈൻ ടോക്കണുകളിലേക്കും (പ്രാധാന്യം, ലിങ്കുകൾ, ഇമേജുകൾ) ഇൻപുട്ടിനെ ലെക്സർ ടോക്കണൈസ് ചെയ്യുന്നു. പാഴ്‌സർ ടോക്കൺ സ്ട്രീം നടത്തുകയും HTML പുറപ്പെടുവിക്കുകയും ചെയ്യുന്നു, ഓരോ ടോക്കൺ തരത്തിനും റെൻഡറർ ഹുക്കുകൾ പ്രയോഗിക്കുന്നു.

GitHub ഫ്ലേവർഡ് മാർക്ക്ഡൗൺ വിപുലീകരണങ്ങൾ ഡിഫോൾട്ടായി പ്രവർത്തനക്ഷമമാക്കിയിരിക്കുന്നു: പട്ടികകൾ (പൈപ്പ് സിൻ്റാക്സ് ഉപയോഗിച്ച്), ഫെൻസ്ഡ് കോഡ് ബ്ലോക്കുകൾ (ഭാഷാ സൂചനകളുള്ള ട്രിപ്പിൾ ബാക്ക്ടിക്കുകൾ), ടാസ്ക് ലിസ്റ്റുകൾ (- [ ] കൂടാതെ - [x]), സ്ട്രൈക്ക്ത്രൂ (ഇരട്ട ടിൽഡുകൾ ഉപയോഗിച്ച്), URL ഓട്ടോലിങ്കിംഗ്. ഡൗൺസ്‌ട്രീം വാക്യഘടന ഹൈലൈറ്റിംഗിനായി ഓപ്‌ഷണൽ ലാംഗ്വേജ് ക്ലാസ് ഉപയോഗിച്ച് കോഡ് ബ്ലോക്കുകൾ കോഡിന് ചുറ്റും മുൻകൂട്ടി പൊതിഞ്ഞ് പുറപ്പെടുവിക്കുന്നു.

ഔട്ട്പുട്ട് സാനിറ്റൈസേഷൻ താഴെയുള്ള ഉപഭോക്താക്കൾക്ക് വിട്ടുകൊടുത്തിരിക്കുന്നു. മാർക്ക്ഡൗണിൽ ഉൾച്ചേർത്ത അസംസ്‌കൃത HTML ഉൾപ്പെടെ, ഇൻപുട്ട് ഉത്പാദിപ്പിക്കുന്നതെന്തും അടയാളപ്പെടുത്തിയത് പുറത്തുവിടുന്നു. നിങ്ങൾ വിശ്വസനീയമല്ലാത്ത ഇൻപുട്ട് സ്വീകരിക്കുകയാണെങ്കിൽ, ബ്രൗസറിൽ റെൻഡർ ചെയ്യുന്നതിന് മുമ്പ് DOMPurify അല്ലെങ്കിൽ സമാനമായ HTML സാനിറ്റൈസർ വഴി ഔട്ട്പുട്ട് പ്രവർത്തിപ്പിക്കുക.

മികച്ച സമ്പ്രദായങ്ങൾ

പതിവ് ചോദ്യങ്ങള്

MARKDOWN-നെ HTML-ലേക്ക് പരിവർത്തനം ചെയ്യുന്നത് ഉള്ളടക്കത്തെ മാറ്റുമോ?
ഉള്ളടക്കം കഴിയുന്നത്ര കൃത്യമായി സംരക്ഷിച്ചിരിക്കുന്നു. എന്നിരുന്നാലും, ചില ഫോർമാറ്റ്-നിർദ്ദിഷ്ട സവിശേഷതകൾക്ക് നേരിട്ടുള്ള തുല്യതകൾ ഉണ്ടാകണമെന്നില്ല, അതിനാൽ ചെറിയ ഫോർമാറ്റിംഗ് വ്യത്യാസങ്ങൾ ഉണ്ടാകാം.
HTML ഫോർമാറ്റ് എന്തിനുവേണ്ടിയാണ് ഉപയോഗിക്കുന്നത്?
HTML (ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ലാംഗ്വേജ്) പ്രധാനമായും വെബ് പേജുകൾക്കും വെബ് ഉള്ളടക്കത്തിനും ഉപയോഗിക്കുന്നു.
അറിഞ്ഞിരിക്കേണ്ട എന്തെങ്കിലും പരിമിതികൾ ഉണ്ടോ?
50MB വരെയുള്ള ഫയലുകൾ പിന്തുണയ്ക്കുന്നു. വളരെ വലുതോ സങ്കീർണ്ണമോ ആയ ഫയലുകൾ പ്രോസസ്സ് ചെയ്യാൻ കൂടുതൽ സമയമെടുത്തേക്കാം. എല്ലാ പരിവർത്തനങ്ങളും നിങ്ങളുടെ ബ്രൗസറിൽ നടക്കുന്നു, അതിനാൽ പ്രോസസ്സിംഗ് വേഗത നിങ്ങളുടെ ഉപകരണത്തെ ആശ്രയിച്ചിരിക്കുന്നു.
ഈ പരിവർത്തനം സുരക്ഷിതവും സ്വകാര്യവുമാണോ?
അതെ. എല്ലാ പ്രോസസ്സിംഗും നിങ്ങളുടെ ബ്രൗസറിൽ പ്രാദേശികമായി നടക്കുന്നു. നിങ്ങളുടെ ഡാറ്റ ഒരിക്കലും നിങ്ങളുടെ ഉപകരണത്തിൽ നിന്ന് പുറത്തുപോകില്ല - സെർവർ അപ്‌ലോഡ് ഇല്ല, ക്ലൗഡ് പ്രോസസ്സിംഗ് ഇല്ല, ഡാറ്റ ശേഖരണമില്ല.
ഇമോജികൾ പിന്തുണയ്ക്കുന്നുണ്ടോ?
യൂണികോഡ് ഇമോജികൾ നേരിട്ട് കടന്നുപോകുന്നു (ഒരു ഹൃദയ ഇമോജി ടൈപ്പ് ചെയ്യുന്നത് ഔട്ട്‌പുട്ടിൽ ഹൃദയത്തെ കാണിക്കുന്നു). GitHub-style :emoji: ഷോർട്ട്‌കോഡുകൾ സ്ഥിരസ്ഥിതിയായി പരിവർത്തനം ചെയ്യപ്പെടുന്നില്ല; നിങ്ങൾക്ക് ആവശ്യമെങ്കിൽ ഒരു വിപുലീകരണം ചേർക്കുക.
എൻ്റെ മാർക്ക്ഡൗൺ ഒരു സെർവറിലേക്ക് അപ്‌ലോഡ് ചെയ്‌തിട്ടുണ്ടോ?
നമ്പർ. നിങ്ങളുടെ ബ്രൗസറിൽ റണ്ണുകൾ അടയാളപ്പെടുത്തി; പരിവർത്തനം പൂർണ്ണമായും നിങ്ങളുടെ ഉപകരണത്തിൽ സംഭവിക്കുന്നു.
എനിക്ക് HTML-ലേക്ക് ഇഷ്‌ടാനുസൃത സ്റ്റൈലിംഗ് ചേർക്കാൻ കഴിയുമോ?
അതെ, പരിവർത്തനത്തിന് ശേഷം. ഔട്ട്പുട്ട് പ്ലെയിൻ സെമാൻ്റിക് HTML ആണ്; ശൈലി തലക്കെട്ടുകൾ, കോഡ് ബ്ലോക്കുകൾ, പട്ടികകൾ, മറ്റ് ഘടകങ്ങൾ എന്നിവയിലേക്ക് നിങ്ങളുടെ സ്വന്തം CSS പ്രയോഗിക്കുക.
ഇത് അടിക്കുറിപ്പുകളെ പിന്തുണയ്ക്കുന്നുണ്ടോ?
സ്റ്റാൻഡേർഡ് കോമൺമാർക്ക് അടിക്കുറിപ്പ് വാക്യഘടന വ്യക്തമാക്കുന്നില്ല. ചില മാർക്ക്ഡൗൺ വിപുലീകരണങ്ങൾ [^1] അടിക്കുറിപ്പ് വാക്യഘടനയെ പിന്തുണയ്ക്കുന്നു; ഈ കൺവെർട്ടർ GFM പിന്തുടരുന്നു, അതിൽ അടിക്കുറിപ്പുകൾ ഉൾപ്പെടുന്നില്ല.