મફત કન્વર્ટર

માટે માર્કડાઉન HTML કન્વર્ટર

લાઇવ પૂર્વાવલોકન સપોર્ટ સાથે માર્કડાઉન ટેક્સ્ટને પ્રોડક્શન-રેડી HTML કોડમાં રૂપાંતરિત કરો.

આ ટૂલ વિશે

માર્કડાઉન એ 2004માં જ્હોન ગ્રુબર દ્વારા રચાયેલ હળવા વજનની માર્કઅપ લેંગ્વેજ છે જે લેખકોને સાદા લખાણ સંમેલનોનો ઉપયોગ કરીને સંરચિત HTML ઉત્પન્ન કરવા દે છે: હેડિંગ માટે હેશ અક્ષરો, ભાર માટે ફૂદડી, યાદીઓ માટે હાઇફન્સ, કોડ માટે ઇન્ડેન્ટેડ બ્લોક્સ. ફોર્મેટ README ફાઇલો, ટેકનિકલ દસ્તાવેજીકરણ, બ્લોગ ડ્રાફ્ટ્સ, સ્ટેટિક સાઇટ જનરેટર્સ અને કોઈપણ સંદર્ભ માટે ડિફોલ્ટ બની ગયું છે જ્યાં લેખન સાદા ટેક્સ્ટ તરીકે અને પ્રસ્તુત આઉટપુટ તરીકે વાંચી શકાય તેવું હોવું જોઈએ. માર્કડાઉનને HTML માં રૂપાંતરિત કરવું એ રેન્ડરિંગ પગલું છે જે સ્રોતને વેબપેજમાં ફેરવે છે.

આ કન્વર્ટર ચિહ્નિત લાઇબ્રેરીનો ઉપયોગ કરે છે, જે JavaScriptમાં સૌથી વધુ વ્યાપક રીતે અપનાવવામાં આવેલ માર્કડાઉન રેન્ડરર છે. માર્ક્ડ કોમનમાર્ક અને ગિટહબ ફ્લેવર્ડ માર્કડાઉન (GFM) ને સપોર્ટ કરે છે, જેનો અર્થ થાય છે કોષ્ટકો, ફેન્સ્ડ કોડ બ્લોક્સ, કાર્ય સૂચિઓ, સ્ટ્રાઇકથ્રુ અને પ્રમાણભૂત માર્કડાઉન સુવિધાઓ ઉપરાંત તમામ કાર્યને યોગ્ય રીતે ઑટોલિંક કરવું.

આઉટપુટ સાદો HTML છે - હેડિંગ, ફકરા, સૂચિ, લિંક્સ અને છબીઓ માટે સિમેન્ટીક ટૅગ્સ, ઉપરાંત કોડ બ્લોક્સ માટે ક્લાસ હુક્સ જ્યાં સિન્ટેક્સ હાઇલાઇટિંગ ટૂલ્સ તેમની અપેક્ષા રાખે છે. આઉટપુટ કોઈપણ CMS માં સ્વચ્છ રીતે પેસ્ટ કરે છે, સ્ટેટિક સાઇટ જનરેટરમાં એમ્બેડ કરે છે, અથવા એકલ .html તરીકે સેવા આપે છે. કોઈ CSS અથવા JavaScript ઉમેરવામાં આવ્યું નથી; પરિણામની શૈલી તમારા ડાઉનસ્ટ્રીમ સંદર્ભ પર છોડી દેવામાં આવે છે.

શા માટે માર્કડાઉનને HTML માં કન્વર્ટ કરવું

માર્કડાઉન એ ફોર્મેટ છે જે લેખકો અને વિકાસકર્તાઓ પસંદ કરે છે; HTML એ ફોર્મેટ બ્રાઉઝર રેન્ડર કરે છે. મોટા ભાગના સ્ટેટિક સાઇટ જનરેટર અને CMS પ્લેટફોર્મ્સ માર્કડાઉનને પડદા પાછળ HTML માં કન્વર્ટ કરે છે, પરંતુ તમારે કેટલીકવાર સ્ટેન્ડઅલોન સ્ટેપ તરીકે રૂપાંતરણની જરૂર પડે છે — માર્કડાઉન સપોર્ટ ન હોય તેવા CMSમાં પેસ્ટ કરવું, ઇમેઇલ્સ માટે HTML જનરેટ કરવું, ઝડપી પૂર્વાવલોકન કરવું અથવા આગળની પ્રક્રિયા માટે રેન્ડર કરેલ આઉટપુટને બહાર કાઢવું.

HTML એ કોઈપણ સામગ્રી માટે કેનોનિકલ ફોર્મેટ પણ છે જે આખરે બ્રાઉઝરમાં પ્રદર્શિત થશે. માર્કડાઉન ડ્રાફ્ટ્સમાંથી બનેલ ઈમેઈલ ન્યૂઝલેટર્સ, મોટા HTML એપ્લિકેશન્સમાં એમ્બેડ કરેલા દસ્તાવેજીકરણ પૃષ્ઠો અને સંપાદકોમાં પેસ્ટ કરેલી બ્લોગ પોસ્ટ્સ કે જે HTML બધાને સ્વચ્છ રૂપાંતરણથી લાભની અપેક્ષા રાખે છે.

કેવી રીતે વાપરવું

માર્કડાઉન પેસ્ટ કરો, HTML મેળવો.

  1. તમારું માર્કડાઉન ઉમેરો: માર્કડાઉન ટેક્સ્ટને ઇનપુટ વિસ્તારમાં પેસ્ટ કરો અથવા .md ફાઇલ છોડો. સ્ટાન્ડર્ડ માર્કડાઉન અને ગિટહબ ફ્લેવર્ડ માર્કડાઉન સિન્ટેક્સ બંને કામ કરે છે.
  2. કન્વર્ટ કરો: ચિહ્નિત માર્કડાઉનને AST માં પાર્સ કરે છે અને HTML બહાર કાઢે છે. સ્ટાન્ડર્ડ ઇનલાઇન એલિમેન્ટ્સ (ભાર, મજબૂત, લિંક્સ, કોડ, છબીઓ), બ્લોક એલિમેન્ટ્સ (મથાળાઓ, ફકરાઓ, સૂચિઓ, બ્લોકક્વોટ્સ), અને GFM એક્સ્ટેન્શન્સ (કોષ્ટકો, ફેન્સ્ડ કોડ, કાર્ય સૂચિઓ, ઑટોલિંક્સ) બધા યોગ્ય રીતે રેન્ડર કરે છે.
  3. પૂર્વાવલોકન: પૂર્વાવલોકન પેનલમાં પ્રસ્તુત HTML નું નિરીક્ષણ કરો. ખાતરી કરો કે કોડ બ્લોક્સ, કોષ્ટકો અને અન્ય જટિલ ઘટકો અપેક્ષા મુજબ દેખાય છે.
  4. કૉપિ કરો અથવા ડાઉનલોડ કરો: CMS માં પેસ્ટ કરવા માટે HTML ને ક્લિપબોર્ડ પર કૉપિ કરો અથવા એકલ ઉપયોગ માટે .html તરીકે સાચવો. ઇનલાઇન શૈલીઓ વિના આઉટપુટ સિમેન્ટીક HTML5 છે.

સામાન્ય ઉપયોગના કેસો

ટેકનિકલ વિગતો

ચિહ્નિત બે-પાસ આર્કિટેક્ચરનો ઉપયોગ કરે છે. લેક્સર ઇનપુટને બ્લોક-લેવલ ટોકન્સ (મથાળાઓ, ફકરાઓ, સૂચિઓ, કોડ બ્લોક્સ) અને ઇનલાઇન ટોકન્સ (ભાર, લિંક્સ, છબીઓ) માં ટોકનાઇઝ કરે છે. પાર્સર ટોકન સ્ટ્રીમ પર ચાલે છે અને દરેક ટોકન પ્રકાર માટે રેન્ડરર હુક્સ લાગુ કરીને HTML બહાર કાઢે છે.

GitHub ફ્લેવર્ડ માર્કડાઉન એક્સ્ટેન્શન્સ ડિફૉલ્ટ રૂપે સક્ષમ છે: કોષ્ટકો (પાઈપ સિન્ટેક્સનો ઉપયોગ કરીને), ફેન્સ્ડ કોડ બ્લોક્સ (ભાષા સંકેતો સાથે ટ્રિપલ બેકટિક), કાર્ય સૂચિ (- [ ] અને - [x]), સ્ટ્રાઇકથ્રુ (ડબલ ટિલ્ડ્સનો ઉપયોગ કરીને), અને URL ઑટોલિંકિંગ. કોડ બ્લોક્સ ડાઉનસ્ટ્રીમ સિન્ટેક્સ હાઇલાઇટિંગ માટે વૈકલ્પિક ભાષા વર્ગ સાથે કોડની આસપાસ પૂર્વ લપેટીને બહાર કાઢે છે.

આઉટપુટ સેનિટાઇઝેશન ડાઉનસ્ટ્રીમ ગ્રાહકો પર છોડી દેવામાં આવ્યું છે. માર્કડાઉનમાં એમ્બેડ કરેલા કાચા HTML સહિત ઇનપુટ જે કંઈપણ ઉત્પન્ન કરે છે તે ચિહ્નિત કરે છે. જો તમે અવિશ્વસનીય ઇનપુટ સ્વીકારો છો, તો બ્રાઉઝરમાં રેન્ડર કરતા પહેલા DOMPurify અથવા સમાન HTML સેનિટાઇઝર દ્વારા આઉટપુટ ચલાવો.

શ્રેષ્ઠ વ્યવહાર

વારંવાર પૂછાતા પ્રશ્નો

શું MARKDOWN ને HTML માં કન્વર્ટ કરવાથી સામગ્રી બદલાય છે?
સામગ્રી શક્ય તેટલી ચોક્કસ રીતે સાચવવામાં આવે છે. જો કે, કેટલાક ફોર્મેટ-વિશિષ્ટ લક્ષણોમાં સીધા સમકક્ષ ન હોઈ શકે, તેથી નાના ફોર્મેટિંગ તફાવતો આવી શકે છે.
HTML ફોર્મેટનો ઉપયોગ શેના માટે થાય છે?
HTML (હાયપરટેક્સ્ટ માર્કઅપ લેંગ્વેજ) મુખ્યત્વે વેબ પૃષ્ઠો અને વેબ સામગ્રી માટે વપરાય છે.
શું ધ્યાન રાખવા માટે કોઈ મર્યાદાઓ છે?
50MB સુધીની ફાઇલો સપોર્ટેડ છે. ખૂબ મોટી અથવા જટિલ ફાઇલોને પ્રક્રિયા કરવામાં વધુ સમય લાગી શકે છે. બધા રૂપાંતરણ તમારા બ્રાઉઝરમાં થાય છે, તેથી પ્રક્રિયા કરવાની ઝડપ તમારા ઉપકરણ પર આધારિત છે.
શું આ રૂપાંતર સુરક્ષિત અને ખાનગી છે?
હા. તમામ પ્રક્રિયા તમારા બ્રાઉઝરમાં સ્થાનિક રીતે થાય છે. તમારો ડેટા ક્યારેય તમારા ઉપકરણને છોડતો નથી — કોઈ સર્વર અપલોડ નથી, કોઈ ક્લાઉડ પ્રોસેસિંગ નથી, કોઈ ડેટા સંગ્રહ નથી.
શું ઇમોજીસ સપોર્ટેડ છે?
યુનિકોડ ઇમોજી સીધા જ પસાર થાય છે (હાર્ટ ઇમોજી ટાઇપ કરવાથી આઉટપુટમાં હૃદય દેખાય છે). GitHub-શૈલી : ઇમોજી: શોર્ટકોડ ડિફોલ્ટ રૂપે કન્વર્ટ થતા નથી; જો તમને તેની જરૂર હોય તો એક્સ્ટેંશન ઉમેરો.
શું મારું માર્કડાઉન સર્વર પર અપલોડ થયેલું છે?
નંબર. તમારા બ્રાઉઝરમાં ચિહ્નિત રન; રૂપાંતરણ સંપૂર્ણપણે તમારા ઉપકરણ પર થાય છે.
શું હું HTML માં કસ્ટમ સ્ટાઇલ ઉમેરી શકું?
હા, રૂપાંતર પછી. આઉટપુટ સાદા સિમેન્ટીક HTML છે; સ્ટાઇલ હેડિંગ, કોડ બ્લોક્સ, કોષ્ટકો અને અન્ય ઘટકો પર તમારી પોતાની CSS લાગુ કરો.
શું તે ફૂટનોટ્સને સમર્થન આપે છે?
સ્ટાન્ડર્ડ કોમનમાર્ક ફૂટનોટ સિન્ટેક્સનો ઉલ્લેખ કરતું નથી. કેટલાક માર્કડાઉન એક્સ્ટેન્શન્સ [^1] ફૂટનોટ સિન્ટેક્સને સમર્થન આપે છે; આ કન્વર્ટર GFM ને અનુસરે છે, જેમાં ફૂટનોટ્સનો સમાવેશ થતો નથી.