作成者にメールを送信しましたが、リクエストに賛成するために、ここに再投稿しています。

こんにちは、

まず第一に、あなたの素晴らしい仕事に感謝します、あなたは素晴らしい仕事をしました、私は本当に結果に感心します。

私があなたのプログラムについて持っていた考え：

「逆コーディング」を行うことは可能ですか？

つまり、

<div id="container">
    <div class="header"></div>
    <div class="body">
        <div class="title">Title</div>
        <div class="text">Text</div>
    </div>
    <div class="footer"></div>
</div>

に変換します

container> .header + .body> .title {Title} +。text {Text} ^。footer

??

どうして？ まず第一に、2番目のコードを操作してから、通常のコードに戻す方が簡単です。 そして、ほとんどの場合、クライアント側のJavaScriptを使用することも、可能であれば、ボランティアがサーバー側のコードを使用して、emmetコードのhtmlページに直接書き込むこともできます。

影響を考えてください。

まあ、それはただの考えです:)

再度、感謝します、

楽しむ、
ヤニス、
アテネ、ギリシャ、ヨーロッパ、世界。

だから、それは、アイデアを賛成します：+1：そしてそれが行われるのを見ることを望んでいます:)

私の賛成票を持ってください！ ページをHTMLでコーディングし、それをemmetに変換してから、動的にHTMLに展開されるemmetコードを含むphpコードを記述できると想像してみてください。

：hand：私のドライブ-2セントで：

@ icb931023最初に、あなたが言ったことはクールに聞こえると思いましたが、実際には、どのようなメリットがありますか？ PHPは、HTMLを確実に表す短い文字列を処理する必要がありますが、その場合はさらに多くの作業を行う必要があります。

すべてのタグが生成されるので、タイプミス（たとえば、終了タグのスラッシュの欠落など）についてはそれほど心配する必要はないと思いますが、私が想定している拡張HTMLで作業しています（簡潔な構文）なので、それがそれに対する強力な議論であるかどうかもわかりません。 あるいは、簡潔な/折りたたまれた構文で完全に機能しないと仮定するのは間違っているかもしれません。

これが欲しいです。 説得力のあるユースケースを見ることができません。 たとえば、CSSの前処理ほど明らかに有益ではありません。

ブラウザ/テンプレートエンジンがEmmet構文を理解していれば、話は別です。 それは面白いでしょう！

うーん、それを翻訳するためのJSライブラリを作成するのは非常に興味があります;）

これがクライアントの観点からのスタートです。 エメットの口ひげ。 お気軽に投稿してください。

@vabatta :)

更新はありますか？

これも大好きです。 すべての要素を保存するスタイルガイドページを使用します。これを管理するために、要素を表すEmmet文字列を使用する巨大なJSONファイルがあり、ページに要素を吐き出すJavaScriptツールを作成しました。 しかし、今は、何か新しいものが作成されるたびにこのファイルを最新の状態に保つために、すべてを手動で変換する必要があります。 HTMLをEmmet文字列に変換する方法が欲しいです。

_バンプ_

HTMLをemmetに変換できるようになりたいです。 よく使うコードブロックのチートシートを作成するのにとても便利です。

変更？

@Kcko更新はありません。 この機能は私にとって最も優先度が低いです

それは素晴らしい機能になるでしょう。 階層はemmet / zen構文で読みやすく、HTMLフラグメントデザインを反復するときに省略形に一種のラフドラフトを含めると役立つ場合があります。

素晴らしい機能になります！
* n機能を使用して複数のブロックを作成し、後でブロックを変更する必要があることを確認したとします。 ここで、ブロックを削除して、emmetコードを書き直す必要があります。 戻って、一部だけを変更してから、それを再度生成させると、はるかに高速になります。

@MarcoWilli Emmetには、既存のコードをすばやく変更するのに十分なメソッドがあります。

• （省略形でラップ）[http://docs.emmet.io/actions/wrap-with-abbreviation/]
• （タグの更新）[http://emmet.io/blog/beta-v1-1/]

また、繰り返される要素に異なるコンテンツが含まれている場合（「後で変更する」と説明したように）、逆の省略形の文字列は、コードの生成に使用したものと同じではないことにも注意してください。

私から賛成票を投じます。 エメットは初めてで、それは私のスキルを向上させる素晴らしい方法になるでしょう。

この機能が本当に必要だったのですが、私の場合は次のとおりです。

私は次のようないくつかのブロックを受け取ります
<record class="main1 text"> <field name id="1">1</field> <field name id="2">2</field> <field name id="3">3</field> <field name id="4">4</field> </record>

最初のレコードを使用してより多くのレコードを生成したいので、今度は省略形を再現してレコードの省略形を取得し、 (record...)*10ように入力します。

ありがとう

@chermed ...または、コードスニペットをコピーして貼り付けることもできます。 提供したコードは非常に単純ですが、非常にまれなユースケースであることに注意してください。 ほとんどの場合、 record>field[name=name1]{text1}+field[name=name2]{text2}+field[name=name3]{text3}+...略語のようなものになりますが、これはあまり役に立ちません。

テンプレートからのHtml文字列とデータ付きのJSONオブジェクトをレンダリングし、レンダリングされたhtml文字列でPOSTリクエストに応答するマイクロサービスがあります。 HTTP応答で巨大なHTML文字列を送信する必要があると、アプリケーションフローのボトルネックが発生します。

このレンダリングされたHTMLを取得して、代わりに応答として送信されるEmmetの省略形に変換する方法がある場合、応答データのサイズにかかるバイト数が少なくなるため、ボトルネックが解消されます。 応答を受信するマイクロサービスは、クライアント側をレンダリングするための略語をemmet-expandすることができます。

@kizzlebotは実行可能なユースケースのようですが、次のことを考慮する必要があります。

• 巨大なHTMLをEmmetに変換することもボトルネックになる可能性がありますが、この場合はCPU側にあります
• 出力gzipは問題を解決しますか？
• クライアント側でEmmetを展開すると、レンダリングに特別なランタイムが必要になります。 したがって、独自のテンプレートとJSONデータをクライアントに直接送信し、独自のランタイムを使用してレンダリングできるため、マイクロサービスはまったく必要ないようです。

@kizzlebotなぜApacheAvroではないのですか？

@sergecheより具体的に言うと、「render」は使用する単語が間違っている可能性があります。 htmlを使用して、htmlペイロードのみを受信して​​PDFに変換するマイクロサービスを介してPDFドキュメントを作成します。 したがって、htmlからEmmetの略語に移行できる場合、emmetの略語を受け取るクライアントは、現在のEmmetnpmモジュールを使用して単純に展開できるはずです。 HTMLはクライアント側でレンダリングされないため、レンダリングにランタイムは必要ありません。 ワイヤー上を通過するために必要なのはコンパクトなペイロードだけです。

サンプルサイトを構築し、それらをemmetスニペットに変換して、プレゼンテーションの入力を高速化したいと思います（そしてそれはプロセスデモemmetです）。

おそらくHyperscript / JSXとASTを使用して可能です。

これには多くの可能性があります。
先日、私はJadeやHAMLのようなHTMLフレームワークをいじっていましたが、それらは不明瞭なHTML構文の優れた代替品だと思いました。 しかし、追加のインストールと変換が必要だったため、プロジェクトに参加できませんでした。 私はいつもほぼ同じくらい良かったEmmetを使用しました（それは少しだけサポートし、インストールを必要としません）。
しかし、今日、サイトテンプレートを作成しているときに、Emmetでの書き込み中にインデントを使用することにし、次のことを思いつきました。

.navbar>
  .logo+
  ul.menu_v>
    li.menu_itm*2+
    li.menu_item.dropd
  ^
  ul.menu_v>
    li.item_dd

これは、HTMLよりもはるかに読みやすくなっています。
そしてそれを見て、エメットがインデントをサポートしていたら素晴らしいと思いました。
その後、Emmetをインデント付きのHTMLに変換する変換ツールがあるとしたらどうでしょうか。 そうすれば、HTMLを使って書いたり読んだりするのがずっと楽しくなります。
つまり、XMLでJSONが発生しました。
HTMLが次に進む時が来ました...

Webコンポーネント、ハイパースクリプト、JSX、パグのことですか？ まあ、これはとても読みやすいものではありません。

Emmetは主に、PhpStormプロジェクトなどで、ラピッドプロトタイピングとコマンド補完/スキャフォールディングに使用されます。 したがって、Emmet構文は通常、どのプロジェクトにも保存されず、最終的なhtmlのみに保存されます。