How to add value with zen coding?

Question

I like to add value when I type zen coding. For example, input:text becomes :. How do I make it so that input:text becomes and place keyboard cursor between '' of value property?

Answer 1

@Moon

Here is a trick that I use.

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>

then, you select the whole <select> block in your text editor.
Then, replace all "<option id" with "<option value".

Cheers :-)

Answer 2

If you ment the value by defining what value should be wrapped (between open and closing tags), then use following pattern

b{this is a bold text}

which results to

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

Allthough I'm not aware of the editors and IDE's supporting this feature, but all I can say is it works for IntelliJ and Notepad++.

Answer 3

Adding this table>tr*5>td*5>lorem10

Will generate:

<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>