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.

Kapcsolódó bejegyzések:
  • Aki követi a blogomat, már biztos találkozott – és remélem ki is próbálta – az Intype nevű texteditor programot, ami mostanában a nagy kedvencem honlapkészítés s …

  • Régebben már írtam egy cikket Intype editor címmel itt a lapon erről a remek programról, azóta is aktívan használom minden gépen.Nemrég megjelent egy új verz …

  • Felmerült egy kérdésként, hogy lehetne egy login oldal tartalmánál (belépési név és jelszót kell megadni) jelezni a felhasználók számára azt, hogy melyik mező mi …

  • Ez egy apró kis leírás lesz, de talán másnak időt spórolok meg vele. A wordpress nyelvesítésről van szó, de nem az alap rendszeréről hanem a theme fordítás részé …

  • Valid XHTML transitional doctype, Valid XHTML transitional sablon Az alábbi kódot amolyan segítség leginkább magamnak, hogy ne kelljen mindig megírnom az alapok …

A cikket beküldte: Harder (http://blog.harder.hu)

4 hozzászólás

  1. Tcat says:

    Egyre szimpatikusabb ez az Intype, azt kell mondjam!

  2. duplabe says:

    Most hogy itt olvastam róla, újra eszembe jutott, hogy ki kéne próbálni.
    Tényleg jó! Nagyon gyorsan lehet haladni vele :)

  3. Harder says:

    Longhand blogján most találtam egy texter nevezetű programot, ami hasonlóan az intype-hoz, ki tud cserélni 1-1 karaktersorozatot egy másikra – így elég sok gépelést is képes megspórolni nekünk.

  4. Harder says:

    Linux alatt a Scribes nevű text editor tudja ugyanezt, meg még többet is.

Szólj hozzá
a Intype kódválasztó c. bejegyzéshez

- Engedélyezett HTML elemek: <a> <em> <strong> <ul> <ol> <li>
- Forráskód beküldéséhez tedd a kódot ezek közé: <pre lang="php" line="1">Kódrészlet helye itt</pre>