×
Vytvárame riešenia

Nástroje pre efektívnu prácu s HTML

V tomto článku predstavím dve podobné riešenia, ktorých úlohou je zrýchliť zápis elementov jazyka HTML a ich atribútov. Ide o takzvané code completion nástroje, ktoré po stlačení kombinácie kláves vykonajú kompletizačnú akciu alebo ponúknu možnosti. V rámci vývojových prostredí ide často o klávesovú skratku Ctrl + Space.

Emmet

Emmet je nástroj, ktorý má podporu pre viaceré editory vrátane integrovaných vývojových prostredí. Emmet je dostupný aj ako NetBeans plugin. Po nainštalovaní síce nie je v nástrojovej lište, ale nachádza sa v dialogu Options na karte Miscellaneous. Na tejto karte odporúčam zaškrtnúť voľbu Expand abbreviations with the TAB key.. Výsledkom je, že umiestnením kurzoru za kód a stlačením klávesu TAB sa vykoná kompletizácia.
Príklad: Príklad zápisu pre vytvorenie HTML.
1
div#demo>ul.menu>li.item1+li.item2+li.item3
Príklad: Výsledok po kompletizácii.
1
2
3
4
5
6
7
<div id="demo">
<ul class="menu">
<li class="item1"></li>
<li class="item2"></li>
<li class="item3"></li>
</ul>
</div>
Pri zapisovaní kódu pre kompletizáciu nesmú byť použité medzery.

Zen Coding

Ďalším nástrojom pre rovnaký spôsob kompletizácie jazyka HTML je Zen Coding. Aktivácia Zen Codingu sa vykoná nastavením kurzora za kód a stlačením klávesovej skratky CTRL+ALT+N alebo Alt+Insert a zvolením Expand Zen Code. Zen Coding na rozdiel od Emmetu je zobrazení v paneli nástrojov.

Záver

Keďže v aktuálnom NetBeans som nevedel pre Zen Coding nastaviť používanie klávesu TAB, prešiel som na Emmet.


Softvér,code completion,Emmet,Zen Coding,HTML,CSS,XML,XHTML,NetBeans
Žiadna časť tohto článku nesmie byť reprodukovaná bez uvedenia autora a URL na túto stránku.
Viac informácií nájdete v sekcii O projekte.

Komentáre

Článok neobsahuje zatiaľ žiadne komentáre.

Pridať komentár

Meno (povinné)
Web
Správa (povinné)
Odoslať
Od najnovších