Skip to content


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Zen Coding plugin for NetBeans
branch: master
Failed to load latest commit information.
graphics New screenshot
nbproject .gitignore is now working
release/modules/ext Rhino and ru.zencoding adds
src Fix TokenHierarchy problem for NB7.3
.gitignore .gitignore is now working
GNU GPL.txt First commit Update 1.1 release
build.xml First commit 1.1 release

Zen Coding NetBeans plugin

Provides support to HTML/CSS Zen Coding in NetBeans.
CSS abbreviations are expanded also in SCSS, LessCSS and SASS files.

Download the plugin here: org-lorenzos-zencoding-1.1.nbm.



  1. Download the plugin here.
  2. Open NetBeans IDE (6.9.1 or newer) and go to Tools > Plugins.
  3. Select tab Downloaded, click Add plugins... and search for downloaded nbm file.
  4. Click Install button, follow instructions and restart NetBeans IDE.

How to use

Expand abbreviation

Fill a HTML/CSS code line with Zen syntax, then press CTRL+ALT+N, or click the toolbar button, or go to menu Edit > Zen Coding > Expand Zen code, or press Alt+Insert and choose Expand Zen Code.

Match Pair

Just press CTRL+ALT+M or go to menu Edit > Zen Coding > Match Pair.

Wrap with Abbreviation

Select something, press CTRL+ALT+W or go to menu Edit > Zen Coding > Wrap with Abbreviation, then insert a Zen code abbreviation in the input popup.

Merge Lines

Select multiple lines, then press CTRL+ALT+L or go to menu Edit > Zen Coding > Merge Lines.

Also available in the Edit > Zen Coding menu:

  • Remove Tag
  • Split/Join Tag
  • Toggle Comment
  • Go to Next / Previous Edit Point
  • Evaluate Math Expression
  • Increment / Decrement number by 1 / 10 / 0.1

These actions have not a default keyboard shortcut. You can edit NetBeans shortcuts in Tools > Options > Keymap. Here is a guide.

How to report bugs

If you find any bug or defect, report it to me here.

About Zen Coding

Something went wrong with that request. Please try again.