Как поместить текст во вкладки - Zen Coding

С ul>li*3 я достигаю

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

но я хочу что-то вроде этого:

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

Как я могу сделать это с помощью Zen Coding? И еще один момент — можно ли перечислить разные Values, чтобы получилось вот так:

            <ul>
                <li>Value</li>
                <li>Another Value</li>
                <li>Last Value</li>
            </ul>

html emmet
person Faery    schedule 17.10.2012    source источник

Ответы (2)


arrow_upward
26
arrow_downward

Вы можете использовать эту аббревиатуру для первого случая: ul>li{Value}*3 — вы можете использовать фигурные скобки для вставки текста в элементы.

Однако во втором случае вы могли бы сделать только это: ul>li{Value}+li{Another Value}+li{Last Value}, прямо сейчас нет возможности перечислить только значения для нескольких элементов.

Однако, если единственное, что будет отличаться, это число (как в примере Йоонаса), вы все равно можете легко добиться этого: ul>li{Line $}*3 — вы можете использовать $ в атрибутах или текстовых узлах аббревиатур при использовании множителей, и они будут преобразованы в счетчик элемента.

person kizu    schedule 19.10.2012
comment
Большое тебе спасибо! Это именно то, что мне нужно! - person Faery; 24.10.2012

arrow_upward
3
arrow_downward

Я не уверен, что точно знаю, что вы имеете в виду, но вы можете написать:

Line 1
Line 2
Line 3

... и после этого вы должны сначала выделить эти строки, а затем использовать 'обтекание аббревиатурой' с этим зенкодом: ul>li*, что даст следующее:

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

Вики Дзен-кодирования:

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

person Joonas    schedule 17.10.2012