Как повысить ценность с помощью дзен-кодирования?

Question

Мне нравится добавлять значение, когда я набираю дзен-кодирование.Например, input: text становится:.Как сделать так, чтобы input: text стал и поместил курсор клавиатуры между '' значением value?

Answer 1

Если вы определяете значение, определяя, какое значение следует обернуть (между открывающим и закрывающим тегами), используйте следующий шаблон

b{this is a bold text}

, что приводит к

<b>this is a bold text</b>

Хотя яМне неизвестны редакторы и IDE, поддерживающие эту функцию, но все, что я могу сказать, это то, что она работает для IntelliJ и Notepad ++.

Answer 2

@ Moon

Вот трюк, который я использую.

select>option#$*5  // this would give the following HTML <select>

<select>
  <option id="1"></option>
  <option id="2"></option>
  <option id="3"></option>
  <option id="4"></option>
  <option id="5"></option>
</select>

затем вы выбираете весь блок <select> в текстовом редакторе.
Затем замените все "<option id" на "<option value".

Приветствия: -)

Answer 3

Добавление этого table>tr*5>td*5>lorem10

Сгенерирует:

<table>
            <tr>
                <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia, aperiam.</td>
                <td>Sit eius temporibus optio reprehenderit itaque blanditiis harum consectetur rerum.</td>
                <td>Ex, odit, nostrum quia nemo consequuntur quisquam corrupti ipsam quis.</td>
                <td>Voluptatibus, cum, aspernatur rem officia recusandae similique saepe praesentium nulla.</td>
                <td>Labore, obcaecati iure rerum beatae dignissimos fugit sapiente! Sequi, fugit.</td>
            </tr>
            <tr>
                <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa, totam.</td>
                <td>Officiis, dolores facilis non vitae eius accusamus consequatur magnam incidunt!</td>
                <td>Voluptates repellendus delectus illo facilis at provident unde sint error!</td>
                <td>Quibusdam, nisi, reprehenderit incidunt rem a ducimus sint expedita molestias?</td>
                <td>Quam, laborum rerum unde quaerat fuga architecto odio voluptatum nemo.</td>
            </tr>
            <tr>
                <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, architecto.</td>
                <td>Maiores, voluptatum modi sunt iure aperiam aut quisquam nobis suscipit?</td>
                <td>Repellendus, amet vero modi inventore ipsam libero culpa animi debitis.</td>
                <td>Earum consequuntur ut totam possimus provident libero ad commodi esse!</td>
                <td>Reprehenderit, quo, et laboriosam inventore error quas facilis dignissimos voluptate.</td>
            </tr>
            <tr>
                <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime, necessitatibus.</td>
                <td>Officiis maxime praesentium repellendus distinctio cum atque aspernatur animi dolorum.</td>
                <td>Culpa pariatur quos quis voluptate ratione eos unde accusantium quisquam.</td>
                <td>Id possimus nisi sequi nostrum cum pariatur eius vel commodi.</td>
                <td>Velit, et, iure incidunt illum culpa cum nihil quidem perferendis.</td>
            </tr>
            <tr>
                <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est, ab?</td>
                <td>Labore, voluptatem quasi temporibus fugit cumque possimus obcaecati id dolor?</td>
                <td>Asperiores hic maiores architecto alias commodi ea in suscipit unde!</td>
                <td>Distinctio, quasi reprehenderit tempora ipsa nisi ad ut eaque numquam!</td>
                <td>Nobis, illum ex excepturi quaerat mollitia animi vero repellat quam.</td>
            </tr>
        </table>

Answer 4

Что-то, что я использовал однажды ..

select>option[value=$].gameSize${$x$}*10

будет генерировать

<select name="" id="">
<option value="1" class="gameSize1">1x1</option>
<option value="2" class="gameSize2">2x2</option>
<option value="3" class="gameSize3">3x3</option>
<option value="4" class="gameSize4">4x4</option>
<option value="5" class="gameSize5">5x5</option>
<option value="6" class="gameSize6">6x6</option>
<option value="7" class="gameSize7">7x7</option>
<option value="8" class="gameSize8">8x8</option>
<option value="9" class="gameSize9">9x9</option>
<option value="10" class="gameSize10">10x10</option>
</select>

Таким образом, $ расширится до соответствующего числа ... куда бы вы его не поместили!

Я использовал плагин Emmet с Sublime Text 2.

Answer 5

Вы можете добавить атрибуты к тегам, используя квадратные скобки, поэтому запись input:text[value] создаст <input type="text" name="|" id="|" value="|"> - вход с тремя местами для заполнителей, два общих, которые идут с :text и атрибут value, который приходитот [value].

Answer 6

Насколько я знаю, вы не можете - по крайней мере, не в стандартном стандарте Zen Coding.Существует по крайней мере один проект, который пытается добавить значения и некоторую элементарную логику (например, циклы) в Zen Coding, см. https://github.com/zodoz/jquery-ZenCoding. Это реализация Javascript, помните.