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. 6.5.2017, Matej LednárKategória: SoftvérSoftvé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.