如何用禪宗編碼增加價值？

Question

我喜歡在輸入禪宗編碼時增加價值。例如，輸入：文本變爲：。我該如何做到這一點，以便輸入：文本變成並將鍵盤光標置於值屬性的''之間？

Answer 1

據我所知，你不能 - 至少不是默認的Zen Coding標準。至少有一個項目嘗試向Zen Coding添加值和一些基本邏輯（如循環），請參閱https://github.com/zodoz/jquery-ZenCoding。頭腦中這是一個Javascript實現。與三塊地的佔位符，兩個通用的，附帶:text和來自[value]的value屬性輸入 -

Answer 2

您可以到標籤用方括號，所以寫input:text[value]將創建<input type="text" name="|" id="|" value="|">添加屬性。

Answer 3

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

如果您換貨值定義應包什麼樣的價值（開放和結束標記之間），然後用下面的模式

b{this is a bold text} 

其結果

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

Allthough我不知道編輯器和IDE支持此功能，但我只能說它適用於IntelliJ和Notepad ++。

Answer 5

添加此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 6

東西我用了一次..

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> 

因此，$將擴大到相應的數字...無論你放在哪裏！

我使用埃米特插件與崇高的文本2