Geek Answers Handbook

How to put text in tabs - Zen Coding

With ul>li*3 I reach

  <ul> <li></li> <li></li> <li></li> </ul>

but I want something like this:

  <ul> <li>Value</li> <li>Value</li> <li>Value</li> </ul>

How can I do this using Zen coding? And one more thing - can I list the various meanings so that they become like this:

  <ul> <li>Value</li> <li>Another Value</li> <li>Last Value</li> </ul>
+8
html emmet
source share
2 answers

You can use this abbreviation for the first case: ul>li{Value}*3 - you can use curly braces to insert text into elements.

However, to make the second case, you can only do this: ul>li{Value}+li{Another Value}+li{Last Value} , now there is no way to list only the values ​​for several elements.

However, if the only thing that will be different is a number (for example, the Joonas example), you can still easily reach it: ul>li{Line $}*3 - you can use $ in attributes or text nodes of abbreviations when using multipliers, and they are converted to an item counter.

+21
source share

I'm not sure I know exactly what you mean, but you can write:

 Line 1 Line 2 Line 3

... and after that you must first select these lines and then use "wrap with abbreviation" with this zencode: ul>li* , which will produce this:

 <ul> <li>Line 1</li> <li>Line 2</li> <li>Line 3</li> </ul>

Zen wiki encodings:

http://code.google.com/p/zen-coding/wiki/Actions#Wrap_with_Abbreviation

+2
source share

More articles:


All Articles