input - Zenコーディングで付加価値を与えるには？

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

@月

これが私が使用するトリックです。

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

角かっこを使用してタグに属性を追加できるため、書き込みinput:text[value]によって作成されます<input type="text" name="|" id="|" value="|">—プレースホルダー用の3つの場所、2つのジェネリック、に付属する入力、:textおよびにvalue由来する属性[value]。

Answer 4

私の知る限り、それはできません。少なくともデフォルトの Zen コーディング標準ではできません。ただし、Zen コーディングに値と基本的なロジック (ループなど) を追加しようとするプロジェクトが少なくとも 1 つあります。 https://github.com/zodoz/jquery-ZenCodingを参照してください。これは Javascript の実装です。