Intype kódválasztó

Az előző cikkben (Intype editor) volt már arról szó, hogy lehet az Intype-ban 1-1 plusz snippet-et felvenni, ami 1 tag begépelésére kiír egy megadott kódot. Ez nagyon kényelmes megoldás egészen addig, míg 1-1 kódnak csak 1 variánsa van, de ha már több is létezik, akkor gond lehet ezek megjegyzése. Hogy mire is gondolok? Vegyünk egy konkrét példát, pl. nekem az „img”-t beírva van, hogy egy tutorial.hu-s url kellene X tulajdonságokkal, van hogy egy blog.harder.hu-s elérés kellene más tulajdonságokkal, de van hogy csak egy általános img kell, amibe ne legyen pl. előre definiált URL.

1. megoldás

Ez a hagyományos megoldás, amiről előzőleg is szó volt.

Felveszek 3db snippetet, és mindegyiknek más-más tab_triggert adok meg. Tehát ezek a fájlok és tartalmak lesznek:

fájl neve: image1.itSnippet

1
2
3
4
5
6
7

{
	title: 'Image'
	tab_trigger: 'img'
	scope: 'text.html'
	comment: 'The ALT attribute for this tag by default uses only the filename of the image.'
	content: '<img src="http://${1:testing.jpg}"${2: alt="${3:${1/(?:^.*?\/?)([^\/]+)(?:\.([^\/]+)?(\?.*)?$)/$1/}}"} />$0'
}

fájl neve: image2.itSnippet

1
2
3
4
5
6
7

{
	title: 'Image'
	tab_trigger: 'imgblog'
	scope: 'text.html'
	comment: 'The ALT attribute for this tag by default uses only the filename of the image.'
	content: '<img src="http://blog.harder.hu/${1:testing.jpg}"${2: alt="${3:${1/(?:^.*?\/?)([^\/]+)(?:\.([^\/]+)?(\?.*)?$)/$1/}}"} />$0'
}

fájl neve: image3.itSnippet

1
2
3
4
5
6
7

{
	title: 'Image'
	tab_trigger: 'imgtutorial'
	scope: 'text.html'
	comment: 'The ALT attribute for this tag by default uses only the filename of the image.'
	content: '<img src="http://www.tutorial.hu/${1:testing.jpg}"${2: alt="${3:${1/(?:^.*?\/?)([^\/]+)(?:\.([^\/]+)?(\?.*)?$)/$1/}}"} />$0'
}

Ez esetben az „img” szó után TAB-ot ütve a default kódot kapom meg, az „imgblog” után TAB-ot ütve a blogos URL-lel fog kiegészülni a kód, az „imgtutorial”-ra pedig a tutorial.hu-s domaint fogja beletenni.

Na most ha nem csak a képek esetében van több verzió (és mondjuk nem csak 3), akkor azért néha el- el lehet téveszteni, hogy vajon mi is volt felvéve a tab_trigger részbe. Ezért itt egy másik megoldás…

2. megoldás

Ez esetben is fel kell venni a 3 fájlt, ám a tab_triggereket mindegyiknél ugyanannak kell hagyni, pl. a default „img”-nek. Viszont a „title” részét rendesen/informatívan ki kell tölteni. Nézzük a példát:

fájl neve: image1.itSnippet

1
2
3
4
5
6
7

{
	title: 'default img'
	tab_trigger: 'img'
	scope: 'text.html'
	comment: 'The ALT attribute for this tag by default uses only the filename of the image.'
	content: '<img src="http://${1:testing.jpg}"${2: alt="${3:${1/(?:^.*?\/?)([^\/]+)(?:\.([^\/]+)?(\?.*)?$)/$1/}}"} />$0'
}

fájl neve: image2.itSnippet

1
2
3
4
5
6
7

{
	title: 'bloghoz képbeszúrás'
	tab_trigger: 'img'
	scope: 'text.html'
	comment: 'The ALT attribute for this tag by default uses only the filename of the image.'
	content: '<img src="http://blog.harder.hu/${1:testing.jpg}"${2: alt="${3:${1/(?:^.*?\/?)([^\/]+)(?:\.([^\/]+)?(\?.*)?$)/$1/}}"} />$0'
}

fájl neve: image3.itSnippet

1
2
3
4
5
6
7

{
	title: 'tutorialhoz képbeszúrás'
	tab_trigger: 'img'
	scope: 'text.html'
	comment: 'The ALT attribute for this tag by default uses only the filename of the image.'
	content: '<img src="http://www.tutorial.hu/${1:testing.jpg}"${2: alt="${3:${1/(?:^.*?\/?)([^\/]+)(?:\.([^\/]+)?(\?.*)?$)/$1/}}"} />$0'
}

Ha ezeket a fájlokat felvetted, indítsd újra a programot, állítsd a szintaktikát pl. XHTML-re és írd be, hogy „img” majd üss egy TAB-ot. Ekkor az történik, hogy a program 3 megfelelő, beilleszthető kódot is talál. Ezért egy legördülő menü formájában felkínálja mind a 3-t és akár a kurzorral navigálva, akár a sorok végén lévő számot beírva ki lehet választani bármelyiket.

Így nem kell több kulcsszót megjegyezni, elég annyit tudnunk hogy képet akarunk beilleszteni (img) és utána már kényelmesen lehet ki lehet választani bármelyik, előzőleg felvett kódunkat.