4

HTMLテンプレートで誤ってCSSセレクターを使用した後、この構文を可能にするテンプレート言語またはその拡張機能があるかどうか、そしてそれが役立つかどうか疑問に思い始めました。したがって、これを書く代わりに：

<div id="mydiv">
  <div class="first column">1</div>
  <div class="second column">2</div>
</div>

次のように書くことができます：

<div#mydiv>
  <div.first.column>1</div>
  <div.second.column>2</div>
</div>

このようなものはありますか？

4

3 に答える 3

5

多分あなたはジェイドのようなものを意味しますか？

HTML プリプロセッサです。

以下：

doctype 5
html(lang="en")
  head
    title= pageTitle
    script(type='text/javascript')
      if (foo) {
         bar()
      }
  body
    h1 Jade - node template engine
    #container
      if youAreUsingJade
        p You are amazing
      else
        p Get on it!

次のように翻訳されます。

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Jade</title>
    <script type="text/javascript">
      if (foo) {
        bar()
      }
    </script>
  </head>
  <body>
    <h1>Jade - node template engine</h1>
    <div id="container">
      <p>You are amazing</p>
    </div>
  </body>
</html>

また、それはまさにあなたが求めているものではありませんが、Zen Codingが好きかもしれません。HTMLを高速にコーディングするプラグインです。それが何をするかを示すGIF：

禅コーディングGIFアニメーション

基本的には次のとおりです。

  1. 疑似htmlを書きます。
  2. ショートカットをヒットします。
  3. 完全な HTML を取得します。
  4. ???????
  5. 利益！

これをサポートできるかどうか、エディターに確認する必要があります。FWIW、私はこれを VIM で使用していますが、素晴らしいです。

于 2012-06-11T07:33:03.067 に答える
1

多分hamlはあなたのニーズに合うでしょうか？とても似ています。

于 2012-06-11T07:34:49.417 に答える