துணுக்குகள்¶
காலிபர் மின் புத்தக எடிட்டர் *துணுக்குகளை *ஆதரிக்கிறது. ஒரு துணுக்கை என்பது உரையின் ஒரு பகுதி, இது அடிக்கடி மீண்டும் பயன்படுத்தப்படுகிறது அல்லது தேவையற்ற உரையைக் கொண்டுள்ளது. சில முக்கிய பக்கவாதம் மட்டுமே ஒரு துணுக்கை செருக ஆசிரியர் உங்களை அனுமதிக்கிறது. எடுத்துக்காட்டாக, HTML கோப்புகளைத் திருத்தும் போது இணைப்பு குறிச்சொற்களைச் செருகுவதை நீங்கள் அடிக்கடி காணலாம் என்று வைத்துக்கொள்வோம், பின்னர் நீங்கள் எடிட்டரில் `` <a`` என தட்டச்சு செய்து | ct | ஆசிரியர் அதை விரிவுபடுத்துவார்
<a href="filename"></a>
அது மட்டுமல்லாமல், `` கோப்பு பெயர்`` என்ற வார்த்தை தேர்ந்தெடுக்கப்படும், அதன் மேல் கர்சர் வைக்கப்படுகிறது, இதனால் நீங்கள் உண்மையான கோப்பு பெயரை எளிதாக தட்டச்சு செய்யலாம், எடிட்டரின் நிஃப்டியைப் பயன்படுத்தி: குறிப்பு: எடிட்டர்_ஆட்டோ_ காம்லெட் அம்சம். கோப்பு பெயரைத் தட்டச்சு செய்து முடித்தவுடன், அழுத்தவும் | ct | மீண்டும் மற்றும் கர்சர் `` <a> `` குறிச்சொற்களுக்கு இடையில் நிலைக்குத் திரும்பும், எனவே இணைப்பிற்கான உரையை எளிதாக தட்டச்சு செய்யலாம்.
எடிட்டரில் உள்ள துணுக்குகள் அமைப்பு மிகவும் அதிநவீனமானது, சில உள்ளமைக்கப்பட்ட துணுக்குகள் உள்ளன, மேலும் உங்கள் எடிட்டிங் பாணிக்கு ஏற்றவாறு உங்கள் சொந்தத்தை உருவாக்கலாம்.
உள்ளமைக்கப்பட்ட துணுக்குகளின் பின்வரும் கலந்துரையாடல் துணுக்கை அமைப்பின் சக்தியை விளக்குவதற்கு உதவும்.
Note
உரை நுழைவு புலங்களில் நீங்கள் துணுக்குகளைப் பயன்படுத்தலாம்: கிலாபெல்: தேடல் மற்றும் மாற்றவும் பேனலே, இருப்பினும், பிளேஸ்ஹோல்டர்கள் (| ct | சுற்றி குதிக்கப் பயன்படுத்துகிறார்கள்) வேலை செய்யாது.
உள்ளமைக்கப்பட்ட துணுக்குகள்¶
உள்ளமைக்கப்பட்ட துணுக்குகள் கீழே விவரிக்கப்பட்டுள்ளன. அதே தூண்டுதல் உரையுடன் உங்கள் சொந்த துணுக்குகளை உருவாக்குவதன் மூலம் அவற்றை மேலெழுதலாம் என்பதை நினைவில் கொள்க.
நிரப்பு உரையைச் செருகும் [லோரெம்]¶
முதல் உள்ளமைக்கப்பட்ட துணுக்கை, மற்றும் ஒரு ஆவணத்தில் நிரப்பு உரையைச் செருக எளிமையானது பயன்படுத்தப்படுகிறது. நிரப்பு உரை டி ஃபினிபஸ் போனோரம் மற்றும் மாலோரம் <https://en.wikipedia.org/wiki/de_finibus_bonorum_et_malorum> _ சிசரோ (ஆங்கிலத்திற்கு மொழிபெயர்க்கப்பட்டுள்ளது) ஒரு தத்துவப் படைப்பு ஆகியவற்றிலிருந்து எடுக்கப்பட்டது. இதைப் பயன்படுத்த ஒரு HTML கோப்பில் `` லோரெம்`` என தட்டச்சு செய்து | CT | ஐ அழுத்தவும். இது நிரப்பியின் இரண்டு பத்திகளால் மாற்றப்படும்.
இந்த துணுக்கின் வரையறை மிகவும் எளிதானது, தூண்டுதல் உரை `` லோரெம்`` என வரையறுக்கப்படுகிறது, மேலும் வார்ப்புரு செருகப்பட வேண்டிய நேரடி உரையாக வரையறுக்கப்படுகிறது. உங்களுக்கு பிடித்த நிரப்பு உரையைப் பயன்படுத்த அதை எளிதாக தனிப்பயனாக்கலாம்.
சுய மூடும் HTML குறிச்சொல்லைச் செருகுவது [<>]¶
இப்போது *பிளேஸ்ஹோல்டர்கள் *இன் சக்திவாய்ந்த கருத்தின் எளிய உதாரணத்தைப் பார்ப்போம். சுய-மூடும் குறிச்சொல்லை `` <hr/> `` செருக விரும்புகிறீர்கள் என்று சொல்லுங்கள். `` <> `` என தட்டச்சு செய்து, | ct | ஐ அழுத்தவும், ஆசிரியர் துணுக்கை விரிவாக்குவார்
<|/>
இங்கே, `` | `` சின்னம் தற்போதைய கர்சர் நிலையை குறிக்கிறது. நீங்கள் `` hr`` என தட்டச்சு செய்து | ct | குறிச்சொல்லின் முடிவுக்கு கர்சரை நகர்த்த. இந்த துணுக்கை என வரையறுக்கப்படுகிறது
Trigger: <>
Template: <$1/>$2
பிளேஸ்ஹோல்டர்கள் வெறுமனே டாலர் ($) அடையாளம் என்பது ஒரு எண்ணைத் தொடர்ந்து. அழுத்துவதன் மூலம் துணுக்கை விரிவாக்கப்படும் போது | ct | கர்சர் முதல் ஒதுக்கிடத்தில் நிலைநிறுத்தப்பட்டுள்ளது (மிகக் குறைந்த எண்ணிக்கையுடன் ஒதுக்கிடத்தில்). நீங்கள் அழுத்தும்போது | ct | மீண்டும் கர்சர் அடுத்த ஒதுக்கிடத்திற்கு தாவுகிறது (அடுத்த உயர் எண்ணுடன் ஒதுக்கிடம்).
HTML இணைப்பு குறிச்சொல்லைச் செருகுவது [<a]¶
HTML இணைப்பு குறிச்சொற்கள் அனைத்தும் பொதுவான கட்டமைப்பைப் பகிர்ந்து கொள்கின்றன. அவர்களிடம் `` href`` பண்புக்கூறு மற்றும் திறப்பு மற்றும் நிறைவு குறிச்சொற்களுக்கு இடையில் சில உரை உள்ளது. தட்டச்சு செய்வதற்கான ஒரு துணுக்கை மிகவும் திறமையாக இருக்கும், மேலும் சில அம்சங்களை ஒதுக்கிடத்தின் இன்னும் சில அம்சங்களை நமக்கு அறிமுகப்படுத்தும். இந்த துணுக்கைப் பயன்படுத்த, வெறுமனே `` <a`` எனத் தட்டச்சு செய்து | ct | ஆசிரியர் இதை விரிவுபடுத்துவார்
<a href="filename|"></a>
அது மட்டுமல்லாமல், `` கோப்பு பெயர்`` என்ற வார்த்தை தேர்ந்தெடுக்கப்படும், அதன் மேல் கர்சர் வைக்கப்படுகிறது, இதனால் நீங்கள் உண்மையான கோப்பு பெயரை எளிதாக தட்டச்சு செய்யலாம், எடிட்டரின் நிஃப்டியைப் பயன்படுத்தி: குறிப்பு: எடிட்டர்_ஆட்டோ_ காம்லெட் அம்சம். கோப்பு பெயரைத் தட்டச்சு செய்து முடித்தவுடன், அழுத்தவும் | ct | மீண்டும் மற்றும் கர்சர் `` <a> `` குறிச்சொற்களுக்கு இடையில் நிலைக்குத் திரும்பும், எனவே இணைப்பிற்கான உரையை எளிதாக தட்டச்சு செய்யலாம். நீங்கள் உரையைத் தட்டச்சு செய்த பிறகு, | CT | நிறைவு குறிச்சொல்லுக்குப் பிறகு மீண்டும் புள்ளிக்கு செல்ல. இந்த துணுக்கை என வரையறுக்கப்படுகிறது
Trigger: <a
Template: <a href="${1:filename}">${2*}</a>$3
இங்கே இரண்டு புதிய அம்சங்கள் உள்ளன. முதலில் `` $ 1`` ஒதுக்கிடர் மிகவும் சிக்கலானதாகிவிட்டது. இது இப்போது சில * இயல்புநிலை உரை * (`` கோப்பு பெயர்`` என்ற சொல்) அடங்கும். ஒரு ஒதுக்கிடத்தில் இயல்புநிலை உரை இருந்தால், துணுக்கை விரிவாக்கப்படும்போது இயல்புநிலை உரை ஒதுக்கிடத்திற்கு மாற்றாக இருக்கும். | CT | ஐப் பயன்படுத்தி இயல்புநிலை உரையுடன் ஒரு ஒதுக்கிடத்திற்கு செல்லும்போது, இயல்புநிலை உரை தேர்ந்தெடுக்கப்படுகிறது. இந்த வழியில், வார்ப்புருவின் முக்கியமான பகுதிகளை நிரப்ப உங்களுக்கு நினைவூட்டலாக செயல்பட இயல்புநிலை உரையைப் பயன்படுத்தலாம். தொடரியல்: `` $ {<எண்>: இயல்புநிலை உரை} `` ஆகியவற்றைப் பயன்படுத்துவதன் மூலம் ஒரு ஒதுக்கிடத்திற்கான இயல்புநிலை உரையை நீங்கள் குறிப்பிடலாம்.
மற்ற புதிய அம்சம் என்னவென்றால், இரண்டாவது ஒதுக்கிடத்திற்கு அதன் பிறகு ஒரு நட்சத்திரம் உள்ளது (`` $ {2*} ). வார்ப்புருவை விரிவாக்குவதற்கு முன்பு தேர்ந்தெடுக்கப்பட்ட எந்த உரையும் ஒதுக்கிடத்திற்கு மாற்றாக இருக்கும் என்பதே இதன் பொருள். இதை செயலில் காண, எடிட்டரில் சில உரையைத் தேர்ந்தெடுக்கவும், | ct |, தட்டச்சு செய்க `` <a
மற்றும் அழுத்தவும் | ct | மீண்டும், வார்ப்புரு விரிவாக்கப்படும்
<a href="filename">whatever text you selected</a>
ஒரு HTML பட குறிச்சொல்லைச் செருகுவது [<i]¶
நாம் மேலே பார்த்தபடி, HTML இணைப்பைச் செருகுவதற்கு இது மிகவும் ஒத்திருக்கிறது. `` <Img src = "கோப்பு பெயர்" alt = "விளக்கம்" /> `` குறிச்சொல் மற்றும் `` src`` மற்றும் `` alt`` பண்புக்கூறுகளுக்கு இடையில் செல்ல இது உங்களை அனுமதிக்கிறது.
Trigger: <i
Template: <img src="${1:filename}" alt="${2*:description}" />$3
ஒரு தன்னிச்சையான HTML குறிச்சொல்லைச் செருகவும் [<<]¶
இது ஒரு தன்னிச்சையான முழு HTML குறிச்சொல்லைச் செருக உங்களை அனுமதிக்கிறது (அல்லது முன்னர் தேர்ந்தெடுக்கப்பட்ட உரையை குறிச்சொல்லில் மடக்கு). இதைப் பயன்படுத்த, வெறுமனே `` << `` என தட்டச்சு செய்து | ct | ஆசிரியர் அதை விரிவுபடுத்துவார்
<|></>
குறிச்சொல் பெயரைத் தட்டச்சு செய்க, எடுத்துக்காட்டாக: `` ஸ்பான்`` மற்றும் அழுத்தவும் | ct |, இதன் விளைவாக
<span>|</span>
நிறைவு குறிச்சொல் தானாகவே `` ஸ்பான்`` உடன் நிரப்பப்பட்டிருப்பதை நீங்கள் கவனிப்பீர்கள். இது பிளேஸ்ஹோல்டர்களின் மற்றொரு அம்சத்துடன் அடையப்படுகிறது, *பிரதிபலிக்கிறது *. வெறுமனே பிரதிபலிப்பது என்பது ஒரு வார்ப்புருவில் மாதிரி ஒதுக்கிடத்தை ஒன்றுக்கு மேற்பட்ட முறை குறிப்பிட்டால், இரண்டாவது மற்றும் பின்னர் அனைத்து நிலைகளும் தானாகவே முதல் நிலையில் நீங்கள் தட்டச்சு செய்யும் எந்தவொரு விஷயத்திலும் நிரப்பப்படும், நீங்கள் அழுத்தும் போது | ct |. இந்த துணுக்குக்கான வரையறை
Trigger: <<
Template: <$1>${2*}</$1>$3
நீங்கள் பார்க்க முடியும் என, முதல் ஒதுக்கிடமான ($ 1) இரண்டு முறை குறிப்பிடப்பட்டுள்ளது, இரண்டாவது முறையாக நிறைவு குறிச்சொல்லில், இது தொடக்க குறிச்சொல்லில் நீங்கள் தட்டச்சு செய்வதை நகலெடுக்கும்.
ஒரு வர்க்க பண்புடன் ஒரு தன்னிச்சையான HTML குறிச்சொல்லைச் செருகுவது [<c]¶
மேலே உள்ள செருகும் தன்னிச்சையான குறிச்சொல் உதாரணத்திற்கு இது மிகவும் ஒத்திருக்கிறது, தவிர நீங்கள் குறிச்சொல்லுக்கு ஒரு வகுப்பைக் குறிப்பிட விரும்புகிறீர்கள் என்று கருதுகிறது
Trigger: <c
Template: <$1 class="${2:classname}">${3*}</$1>$4
இது முதலில் குறிச்சொல் பெயரைத் தட்டச்சு செய்ய உங்களை அனுமதிக்கும், அழுத்தவும் | ct |, வகுப்பு பெயரைத் தட்டச்சு செய்க, அழுத்தவும் | ct | குறிச்சொல்லின் உள்ளடக்கங்களைத் தட்டச்சு செய்து | CT | குறிச்சொல்லிலிருந்து வெளியேற கடைசி முறை. நிறைவு குறிச்சொல் தானாக நிரப்பப்படும்.
உங்கள் சொந்த துணுக்குகளை உருவாக்குதல்¶
துணுக்குகள் உண்மையில் பிரகாசிக்கின்றன, ஏனென்றால் உங்கள் எடிட்டிங் பாணிக்கு ஏற்றவாறு உங்கள் சொந்தத்தை உருவாக்க முடியும். உங்கள் சொந்த துணுக்குகளை உருவாக்க: கிலாபெல்: திருத்து-> விருப்பத்தேர்வுகள்-> எடிட்டர் அமைப்புகள்-> எடிட்டரில் துணுக்குகளை நிர்வகிக்கவும். இது உங்கள் சொந்த துணுக்குகளை உருவாக்க உதவும் உரையாடலைப் பயன்படுத்த எளிதானது. வெறுமனே கிளிக் செய்க: கிலாபெல்: `துணுக்கை சேர்க்கவும் பொத்தானை, நீங்கள் ஒரு உரையாடலைக் காண்பீர்கள்:
எதிர்காலத்தில் துணுக்கை அடையாளம் காண உதவ, முதலில் உங்கள் துணுக்குக்கு ஒரு பெயரைக் கொடுங்கள், விளக்கமான ஒன்று. பின்னர் *தூண்டுதல் *ஐக் குறிப்பிடவும். ஒரு தூண்டுதல் என்பது | CT | ஐ அழுத்துவதற்கு முன் நீங்கள் எடிட்டரில் தட்டச்சு செய்ய வேண்டிய உரை வெறுமனே உரை துணுக்கை விரிவுபடுத்துவதற்காக.
பின்னர் துணுக்கை வார்ப்புருவைக் குறிப்பிடவும். மேலே உள்ள எடுத்துக்காட்டுகளில் ஒன்றைத் தொடங்கி, உங்கள் தேவைகளுக்கு ஏற்ப அதை மாற்ற வேண்டும். இறுதியாக, துணுக்கை எந்த கோப்பு வகைகளை செயலில் இருக்க வேண்டும் என்று குறிப்பிடவும். இந்த வழியில் நீங்கள் வெவ்வேறு கோப்பு வகைகளில் வித்தியாசமாக வேலை செய்யும் ஒரே தூண்டுதல் உரையுடன் பல துணுக்குகளை வைத்திருக்க முடியும்.
அடுத்த கட்டம் புதிதாக உருவாக்கப்பட்ட உங்கள் துணுக்கை சோதிக்க வேண்டும். : கிலாபெல்: கீழே டெஸ்ட் பெட்டியைப் பயன்படுத்தவும். தூண்டுதல் உரையில் தட்டச்சு செய்து | CT | துணுக்குகளை விரிவுபடுத்தி, ஒதுக்கிடங்களுக்கு இடையில் குதிக்க.