இலவச மாற்றி

மார்க் டவுன் HTML மாற்றி

நேரடி முன்னோட்ட ஆதரவுடன் மார்க் டவுன் உரையை உற்பத்திக்குத் தயார் HTML குறியீடாக மாற்றவும்.

இந்த கருவி பற்றி

மார்க் டவுன் என்பது 2004 இல் ஜான் க்ரூபரால் உருவாக்கப்பட்ட இலகுரக மார்க்அப் மொழியாகும், இது எளிய உரை மரபுகளைப் பயன்படுத்தி கட்டமைக்கப்பட்ட HTML ஐ உருவாக்க எழுத்தாளர்களை அனுமதிக்கிறது: தலைப்புகளுக்கான ஹாஷ் எழுத்துக்கள், முக்கியத்துவத்திற்கான நட்சத்திரங்கள், பட்டியல்களுக்கான ஹைபன்கள், குறியீட்டிற்கான உள்தள்ளப்பட்ட தொகுதிகள். README கோப்புகள், தொழில்நுட்ப ஆவணங்கள், வலைப்பதிவு வரைவுகள், நிலையான தள ஜெனரேட்டர்கள் மற்றும் எழுத்துகளை எளிய உரையாகவும், ரெண்டர் செய்யப்பட்ட வெளியீடாகவும் படிக்கக்கூடிய எந்தச் சூழலுக்கும் இந்த வடிவம் இயல்புநிலையாக உள்ளது. மார்க் டவுனை HTML ஆக மாற்றுவது மூலத்தை வலைப்பக்கமாக மாற்றும் ரெண்டரிங் படியாகும்.

இந்த மாற்றி, ஜாவாஸ்கிரிப்ட்டில் மிகவும் பரவலாக ஏற்றுக்கொள்ளப்பட்ட மார்க் டவுன் ரெண்டரரான குறிக்கப்பட்ட நூலகத்தைப் பயன்படுத்துகிறது. Marked ஆனது CommonMark மற்றும் GitHub Flavored Markdown (GFM) ஐ ஆதரிக்கிறது, அதாவது அட்டவணைகள், வேலியிடப்பட்ட குறியீடு தொகுதிகள், பணிப் பட்டியல்கள், ஸ்ட்ரைக்த்ரூ மற்றும் நிலையான மார்க் டவுன் அம்சங்களுடன் அனைத்து வேலைகளையும் சரியாக இணைக்கிறது.

வெளியீடு எளிய HTML - தலைப்புகள், பத்திகள், பட்டியல்கள், இணைப்புகள் மற்றும் படங்களுக்கான சொற்பொருள் குறிச்சொற்கள், மேலும் தொடரியல் சிறப்பம்சப்படுத்தும் கருவிகள் எதிர்பார்க்கும் குறியீடு தொகுதிகளுக்கான வகுப்பு கொக்கிகள். எந்த CMS லும் அவுட்புட் பேஸ்ட், நிலையான தள ஜெனரேட்டர்களில் உட்பொதிக்கப்படும் அல்லது தனித்தனியாக .html ஆகச் செயல்படும். CSS அல்லது ஜாவாஸ்கிரிப்ட் சேர்க்கப்படவில்லை; முடிவை வடிவமைப்பது உங்கள் கீழ்நிலை சூழலுக்கு விடப்படும்.

மார்க் டவுனை ஏன் HTML ஆக மாற்ற வேண்டும்

மார்க் டவுன் என்பது எழுத்தாளர்கள் மற்றும் டெவலப்பர்கள் விரும்பும் வடிவம்; HTML என்பது உலாவிகள் வழங்கும் வடிவமாகும். பெரும்பாலான நிலையான தள ஜெனரேட்டர்கள் மற்றும் CMS இயங்குதளங்கள் திரைக்குப் பின்னால் மார்க் டவுனை HTML ஆக மாற்றுகின்றன, ஆனால் சில சமயங்களில் நீங்கள் ஒரு முழுமையான படியாக மாற்ற வேண்டும் - மார்க் டவுன் ஆதரவு இல்லாத CMS இல் ஒட்டுதல், மின்னஞ்சல்களுக்கு HTML ஐ உருவாக்குதல், விரைவான மாதிரிக்காட்சியை உருவாக்குதல் அல்லது மேலும் செயலாக்கத்திற்கான ரெண்டர் செய்யப்பட்ட வெளியீட்டைப் பிரித்தெடுத்தல்.

HTML என்பது உலாவியில் இறுதியில் காட்டப்படும் எந்தவொரு உள்ளடக்கத்திற்கும் நியதி வடிவமாகும். மார்க் டவுன் வரைவுகளிலிருந்து உருவாக்கப்பட்ட மின்னஞ்சல் செய்திமடல்கள், பெரிய HTML பயன்பாடுகளில் பதிக்கப்பட்ட ஆவணப் பக்கங்கள் மற்றும் எடிட்டர்களில் ஒட்டப்பட்ட வலைப்பதிவு இடுகைகள் ஆகியவை சுத்தமான மாற்றத்திலிருந்து HTML அனைத்து நன்மைகளையும் எதிர்பார்க்கின்றன.

பயன்படுத்துவது எப்படி

மார்க் டவுனை ஒட்டவும், HTML ஐப் பெறவும்.

  1. உங்கள் மார்க் டவுனைச் சேர்க்கவும்: மார்க் டவுன் உரையை உள்ளீடு பகுதியில் ஒட்டவும் அல்லது .md கோப்பை கைவிடவும். நிலையான Markdown மற்றும் GitHub Flavored Markdown தொடரியல் இரண்டும் வேலை செய்கின்றன.
  2. மாற்றவும்: குறிக்கப்பட்டது மார்க் டவுனை AST ஆக பாகுபடுத்தி HTML ஐ வெளியிடுகிறது. நிலையான இன்லைன் கூறுகள் (முக்கியத்துவம், வலுவான, இணைப்புகள், குறியீடு, படங்கள்), பிளாக் உறுப்புகள் (தலைப்புகள், பத்திகள், பட்டியல்கள், தொகுதி மேற்கோள்கள்) மற்றும் GFM நீட்டிப்புகள் (அட்டவணைகள், வேலியிடப்பட்ட குறியீடு, பணிப் பட்டியல்கள், தானியங்கு இணைப்புகள்) அனைத்தும் சரியாக வழங்கப்படுகின்றன.
  3. முன்னோட்டம்: முன்னோட்ட பேனலில் ரெண்டர் செய்யப்பட்ட HTML ஐ ஆய்வு செய்யவும். குறியீடு தொகுதிகள், அட்டவணைகள் மற்றும் பிற சிக்கலான கூறுகள் எதிர்பார்த்தபடி தோன்றுவதை உறுதிப்படுத்தவும்.
  4. நகலெடுக்கவும் அல்லது பதிவிறக்கவும்: CMS இல் ஒட்டுவதற்கு HTML ஐ கிளிப்போர்டுக்கு நகலெடுக்கவும் அல்லது தனித்த பயன்பாட்டிற்கு .html ஆக சேமிக்கவும். வெளியீடு இன்லைன் பாணிகள் இல்லாமல் சொற்பொருள் HTML5 ஆகும்.

பொதுவான பயன்பாட்டு வழக்குகள்

தொழில்நுட்ப விவரங்கள்

குறிக்கப்பட்டது இரண்டு-பாஸ் கட்டமைப்பைப் பயன்படுத்துகிறது. லெக்ஸர் பிளாக்-லெவல் டோக்கன்கள் (தலைப்புகள், பத்திகள், பட்டியல்கள், குறியீடு தொகுதிகள்) மற்றும் இன்லைன் டோக்கன்கள் (முக்கியத்துவம், இணைப்புகள், படங்கள்) உள்ளீட்டை டோக்கனைஸ் செய்கிறது. பாகுபடுத்தி டோக்கன் ஸ்ட்ரீமில் நடந்து HTML ஐ வெளியிடுகிறது, ஒவ்வொரு டோக்கன் வகைக்கும் ரெண்டரர் ஹூக்குகளைப் பயன்படுத்துகிறது.

GitHub Flavored Markdown நீட்டிப்புகள் இயல்பாகவே செயல்படுத்தப்படும்: அட்டவணைகள் (குழாய் தொடரியல் பயன்படுத்தி), வேலியிடப்பட்ட குறியீடு தொகுதிகள் (மொழி குறிப்புகள் கொண்ட டிரிபிள் பேக்டிக்குகள்), பணி பட்டியல்கள் (- [ ] மற்றும் - [x]), ஸ்ட்ரைக்த்ரூ (இரட்டை டில்டுகளைப் பயன்படுத்தி) மற்றும் URL தானியங்கு இணைப்பு. குறியீட்டுத் தொகுதிகள், கீழ்நிலை தொடரியல் சிறப்பம்சத்திற்காக விருப்ப மொழி வகுப்பைக் கொண்ட குறியீட்டைச் சுற்றி முன்பே மூடப்பட்டிருக்கும்.

வெளியீட்டு சுத்திகரிப்பு கீழ்நிலை நுகர்வோருக்கு விடப்படுகிறது. மார்க் டவுனில் உட்பொதிக்கப்பட்ட மூல HTML உட்பட, உள்ளீடு உற்பத்தி செய்யும் எதையும் குறிக்கப்பட்டது. நீங்கள் நம்பத்தகாத உள்ளீட்டை ஏற்றுக்கொண்டால், உலாவியில் ரெண்டரிங் செய்வதற்கு முன், DOMPurify அல்லது இதேபோன்ற HTML சானிடைசர் மூலம் வெளியீட்டை இயக்கவும்.

சிறந்த நடைமுறைகள்

அடிக்கடி கேட்கப்படும் கேள்விகள்

MARKDOWN ஐ HTML ஆக மாற்றுவது உள்ளடக்கத்தை மாற்றுமா?
உள்ளடக்கம் முடிந்தவரை துல்லியமாக பாதுகாக்கப்படுகிறது. இருப்பினும், சில வடிவமைப்பு-குறிப்பிட்ட அம்சங்கள் நேரடி சமமானவைகளைக் கொண்டிருக்காமல் இருக்கலாம், எனவே சிறிய வடிவமைப்பு வேறுபாடுகள் ஏற்படலாம்.
HTML வடிவம் எதற்காகப் பயன்படுத்தப்படுகிறது?
HTML (HyperText Markup Language) முதன்மையாக இணையப் பக்கங்கள் மற்றும் இணைய உள்ளடக்கத்திற்குப் பயன்படுத்தப்படுகிறது.
தெரிந்து கொள்ள ஏதேனும் வரம்புகள் உள்ளதா?
50MB வரையிலான கோப்புகள் ஆதரிக்கப்படுகின்றன. மிகப் பெரிய அல்லது சிக்கலான கோப்புகள் செயலாக்க அதிக நேரம் எடுக்கலாம். எல்லா மாற்றங்களும் உங்கள் உலாவியில் நடக்கும், எனவே செயலாக்க வேகம் உங்கள் சாதனத்தைப் பொறுத்தது.
இந்த மாற்றம் பாதுகாப்பானதா மற்றும் தனிப்பட்டதா?
ஆம். அனைத்து செயலாக்கங்களும் உங்கள் உலாவியில் உள்ளூரில் நடக்கும். உங்கள் தரவு உங்கள் சாதனத்தை விட்டு வெளியேறாது - சர்வர் பதிவேற்றம் இல்லை, கிளவுட் செயலாக்கம் இல்லை, தரவு சேகரிப்பு இல்லை.
ஈமோஜிகள் ஆதரிக்கப்படுகிறதா?
யூனிகோட் ஈமோஜிகள் நேரடியாகச் செல்கின்றன (இதய ஈமோஜியைத் தட்டச்சு செய்வது வெளியீட்டில் இதயத்தைக் காட்டுகிறது). GitHub-style :emoji: ஷார்ட்கோட்கள் முன்னிருப்பாக மாற்றப்படாது; உங்களுக்கு தேவைப்பட்டால் நீட்டிப்பைச் சேர்க்கவும்.
எனது மார்க் டவுன் சர்வரில் பதிவேற்றப்பட்டதா?
எண். உங்கள் உலாவியில் இயங்குகிறது என்று குறிக்கப்பட்டது; மாற்றம் முற்றிலும் உங்கள் சாதனத்தில் நடக்கும்.
HTML இல் தனிப்பயன் ஸ்டைலிங்கைச் சேர்க்கலாமா?
ஆம், மாற்றத்திற்குப் பிறகு. வெளியீடு எளிய சொற்பொருள் HTML ஆகும்; பாணி தலைப்புகள், குறியீடு தொகுதிகள், அட்டவணைகள் மற்றும் பிற கூறுகளுக்கு உங்கள் சொந்த CSS ஐப் பயன்படுத்தவும்.
இது அடிக்குறிப்புகளை ஆதரிக்கிறதா?
நிலையான காமன்மார்க் அடிக்குறிப்பு தொடரியல் குறிப்பிடவில்லை. சில மார்க் டவுன் நீட்டிப்புகள் [^1] அடிக்குறிப்பு தொடரியல் ஆதரிக்கின்றன; இந்த மாற்றி GFM ஐப் பின்பற்றுகிறது, இதில் அடிக்குறிப்புகள் இல்லை.