Zen Coding for TopStyle 1.2 r273

Zen Coding for TopStyle - TopStyle plugin for HTML and CSS hi-speed coding.

TopStyle plugin for HTML and CSS hi-speed coding.

Zen Coding for TopStyle will provide users with a TopStyle editor plugin for high-speed HTML, XML, XSL (or any other structured code format) coding and editing.

The core of this plugin is a powerful abbreviation engine which allows you to expand expressions—similar to CSS selectors—into HTML code.

In order to install the plugin, follow these steps:
- Close TopStyle
- Run install.cmd
- WARNING: All your auto replacement rules will be overwritten by Zen CSS rules during installation!

How to define shortcut to Zen Coding:
- Press Ctrl-Q and select "Configure Quick Insert"
- Select HTML Toolbar from the dropdown on the left
- Add "Zen HTML" and/or "Warp in tag", "Wrap every line in tag" to Quick Insert panel

Zen Coding for TopStyle features :

- ID and CLASS attributes: div#page.section.main.
- Custom attributes: div[title], a[title="Hello world" rel], td[colspan=2].
- Element multiplication: li*5 will output tag five times.
- Item numbering with $ character: li.item$*3 will output tag three times, replacing $ character with item number.
- Multiple '$' characters in a row are used as zero padding, i.e.: li.item$$$ → li.item001
- Abbreviation groups with unlimited nesting: div#page>(div#header>ul#nav>li*4>a)+(div#page>(h1>span)+p*2)+div#footer. You can literally write a full document markup with just a single line.
- Filters support
- div tag name can be omitted when writing element starting from ID or CLASS: #content>.section is the same as div#content>div.section.
- Text support: p>{Click }+a{here}+{ to continue}.

Requirements:

- TopStyle

Zen Coding for TopStyle 1.2 r273 is licensed as Freeware for the Windows operating system / platform. Zen Coding for TopStyle is provided as a free download for all software users (Freeware).