Emmet: рдХреНрдпрд╛ HTML рдореЗрдВ рдлреИрд▓рддреЗ рд╕рдордп рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХреЗ рдЕрдиреБрдХреНрд░рдо рдХреЛ рдирд┐рдпрдВрддреНрд░рд┐рдд рдХрд░рдирд╛ рд╕рдВрднрд╡ рд╣реИ?

рдХреЛ рдирд┐рд░реНрдорд┐рдд 3 рдирд╡ре░ 2015  ┬╖  18рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: emmetio/emmet

рдореИрдВ рд╣рдореЗрд╢рд╛ рдкрд╣рд▓реА рд╡рд┐рд╢реЗрд╖рддрд╛ рдХреЗ рд░реВрдк рдореЗрдВ class рд╡рд┐рд╢реЗрд╖рддрд╛ рд░рдЦрдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВред

рдЗрд╕ рдореБрджреНрджреЗ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ? рдЙрд╕ рдкрд░ рдПрдХ рдЗрдирд╛рдо рдкреЛрд╕реНрдЯ рдХрд░реЗрдВ! рд╣рдо рдмрд╛рдЙрдВрдЯреАрд╕реЛрд░реНрд╕ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдЗрдирд╛рдо рд╕реНрд╡реАрдХрд╛рд░ рдХрд░рддреЗ рд╣реИрдВред

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдкреНрд░рд╢реНрди рдЖрдЬ рддрдХ рдкреНрд░рд╛рд╕рдВрдЧрд┐рдХ рд╣реИред
@sergeche рдЗрд╕ рдХрд╛рд░реНрдп рдХреЗ TODO рд╕реВрдЪреА рдореЗрдВ

рд╕рднреА 18 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдЖрдо рддреМрд░ рдкрд░, рд╕рднреА рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХреЛ рдЙрд╕ рдХреНрд░рдо рдореЗрдВ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рдЬрд┐рд╕рдореЗрдВ рд╡реЗ рд╕рдВрдХреНрд╖реЗрдк рдореЗрдВ рджрд┐рдЦрд╛рдИ рджреЗрддреЗ рд╣реИрдВ, рдЬрдм рддрдХ рдХрд┐ рд╕рдВрдХреНрд╖рд┐рдкреНрдд рдирд╛рдо рдХреЗ рд▓рд┐рдП рдЕрдиреНрдп рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рд╡рд╛рд▓рд╛ рдПрдХ рд╕реНрдирд┐рдкреЗрдЯ рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред рдпрд╣рд╛рдВ рдЖрдк рдХреЗрд╡рд▓ рд╕реНрдирд┐рдкреЗрдЯреНрд╕ рдХреЛ рд╕реНрд╡рдпрдВ рдмрджрд▓реЗрдВ рдФрд░ class рдПрдХ рдЦрд╛рд▓реА рд╡рд┐рд╢реЗрд╖рддрд╛

@рд╕рд░реНрдЧреЗрдЪреЗ
label.clasname тЖТ <label for="" class="clasname"></label>
a.classname тЖТ <a href="" class="classname"></a>
a[class=classname href="goo"] тЖТ <a href="goo" class="classname"></a>

рдЖрдо рддреМрд░ рдкрд░, рд╕рднреА рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХреЛ рдЙрд╕ рдХреНрд░рдо рдореЗрдВ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рдЬрд┐рд╕рдореЗрдВ рд╡реЗ рд╕рдВрдХреНрд╖реЗрдк рдореЗрдВ рджрд┐рдЦрд╛рдИ рджреЗрддреЗ рд╣реИрдВ,

рдирд╣реАрдВ )

рд▓реЗрдХрд┐рди рдРрд╕рд╛ рд╕реНрдирд┐рдкреЗрдЯ рдХреИрд╕реЗ рдмрдирд╛рдпрд╛ рдЬрд╛рдП рдЬреЛ рдХрд░реЗрдЧрд╛, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП: a.classname тЖТ <a class="classname" href=""></a> ?

рдХреНрдпреЛрдВрдХрд┐ a рд╕реНрдирд┐рдкреЗрдЯ рдХреЗ рд▓рд┐рдП: https://github.com/emmetio/emmet/blob/master/lib/snippets.json#L691

рд╕рдорд╛рдзрд╛рди: рдпрд╛ рддреЛ рдЗрд╕ рд╕реНрдирд┐рдкреЗрдЯ рдХреЛ рд╣рдЯрд╛ рджреЗрдВ (рдЗрд╕реЗ рдЦрд╛рд▓реА рдорд╛рди рдХреЗ рд╕рд╛рде рдУрд╡рд░рд░рд╛рдЗрдб рдХрд░реЗрдВ: "a": null ), рдпрд╛ рдЗрд╕реЗ рд╕рдВрд╢реЛрдзрд┐рдд рдХрд░реЗрдВ: "a": "<a class=\"\" href=\"\"> , рд▓реЗрдХрд┐рди рдлрд┐рд░ class рд╡рд┐рд╢реЗрд╖рддрд╛ рд╣рдореЗрд╢рд╛ рдкреНрд░рджрд░реНрд╢рд┐рдд рд╣реЛрдЧреА . рдпрд╛ рдПрдХ рдирдпрд╛ рд╕реНрдирд┐рдкреЗрдЯ рдмрдирд╛рдПрдВ рдЬрд┐рд╕рдореЗрдВ <a> рддрддреНрд╡ рдореЗрдВ рдХреЛрдИ рд╡рд┐рд╢реЗрд╖рддрд╛ рди рд╣реЛред

рдПрдЪрдПрдо...
рд▓рд┐рдЦрд╛ "a": null, - http://take.ms/BHuO6
рдХреБрдЫ рднреА рдирд╣реАрдВ рдмрджрд▓рд╛ рд╣реИ: a.classname тЖТ <a href="|" class="classname"></a>

"a": "<a class=\"\" href=\"\">" рд▓рд┐рдЦрд╛ - http://take.ms/98CIZ
рдкреНрд░рдпреЛрдЧ рдХрд░рдиреЗ рдпреЛрдЧреНрдп рдирд╣реАрдВ: a.classname тЖТ <a class="" href="">|

"a": "<a>", рд▓рд┐рдЦрд╛
рдиреЛ-рдиреЛ-рдиреЛ-рдиреЛ, рдбреЗрд╡рд┐рдб рдмреНрд▓реЗрди, рдирд╣реАрдВ: a.classname тЖТ <a>

рдХреНрдпрд╛ рдореИрдВ рд╕рд╣реА рдврдВрдЧ рд╕реЗ рд╕рдордЭрддрд╛ рд╣реВрдВ рдХрд┐ рдореЗрд░реЗ рдкреНрд░рд╢реНрди рдХрд╛ рдЙрддреНрддрд░ "рдХреЛрдИ рд░рд╛рд╕реНрддрд╛ рдирд╣реАрдВ" рд╣реИ? рдпрд╛ рдореБрдЭ рд╕реЗ рдХреБрдЫ рдЧрд▓рдд рд╣реЛ рд░рд╣рд╛ рд╣реИ? )

рдпрд╣ рдХрд░рдирд╛ рд╕реБрд╡рд┐рдзрд╛рдЬрдирдХ рд╣реИ - рдмрд┐рд▓реНрдХреБрд▓ рдирд╣реАрдВ, рдЖрдкрдХреЛ рдХрд░реНрдиреЗрд▓ рдХреЛ рдмрджрд▓рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ рддрд╛рдХрд┐ рдЖрдк рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХреЗ рд▓рд┐рдП рдЫрдБрдЯрд╛рдИ рдкреНрд░рд╛рдердорд┐рдХрддрд╛рдПрдБ рдирд┐рд░реНрдзрд╛рд░рд┐рдд рдХрд░ рд╕рдХреЗрдВ

рдХрд┐рд╕ рдлрд╛рдЗрд▓ рдореЗрдВ рдХреБрдЫ рдЦреЛрджрдирд╛ рд╣реИ? :)

рд╡реИрдХрд▓реНрдкрд┐рдХ рд░реВрдк рд╕реЗ: https://github.com/emmetio/emmet/blob/master/lib/filter/html.js#L21
рд╕рд┐рджреНрдзрд╛рдВрдд рд░реВрдк рдореЗрдВ, рдЖрдк рдЕрдкрдирд╛ рд╕реНрд╡рдпрдВ рдХрд╛ рдлрд╝рд┐рд▓реНрдЯрд░ рд▓рд┐рдЦ рд╕рдХрддреЗ рд╣реИрдВ, рдЬреЛ рд╕рд╣реА рдЖрдЙрдЯрдкреБрдЯ рдЙрддреНрдкрдиреНрди рдХрд░реЗрдЧрд╛, рдФрд░ рдЗрд╕реЗ рдПрдХ рдПрдХреНрд╕рдЯреЗрдВрд╢рди рдХреЗ рд░реВрдк рдореЗрдВ рдХрдиреЗрдХреНрдЯ рдХрд░реЗрдВ рддрд╛рдХрд┐ рдХрд░реНрдиреЗрд▓ рдХреЛ рд╕реНрдкрд░реНрд╢ рди рдХрд░реЗрдВред

рдлрд╝рд┐рд▓реНрдЯрд░ рдХреЗ рд╕рд╛рде рд╡рд┐рдХрд▓реНрдк рдмрд╣реБрдд рдмреЗрд╣рддрд░ рд╣реИ (рдореБрдЭреЗ рдПрдкреНрд▓рд┐рдХреЗрд╢рди рдХреЗ рдореВрд▓ рдореЗрдВ рдЬрд╛рдиреЗ рд╕реЗ рдирдлрд░рдд рд╣реИ)ред рдореИрдВ рдПрдкреАрдЖрдИ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХрд╣рд╛рдВ рдкрдврд╝ рд╕рдХрддрд╛ рд╣реВрдВ? рдпрд╛ рдХреБрдЫ рдЙрджрд╛рд╣рд░рдг, рд╣реЛ рд╕рдХрддрд╛ рд╣реИ?

рдкреНрд░рд╢реНрди рдЖрдЬ рддрдХ рдкреНрд░рд╛рд╕рдВрдЧрд┐рдХ рд╣реИред
@sergeche рдЗрд╕ рдХрд╛рд░реНрдп рдХреЗ TODO рд╕реВрдЪреА рдореЗрдВ

рдЖрдк рдЕрдкрдирд╛ рдлрд╝рд┐рд▓реНрдЯрд░ рд▓рд┐рдЦ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдкреБрд▓ рдЕрдиреБрд░реЛрдз рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред рдлрд┐рд▓реНрдЯрд░ рдкрд░ рдХреЛрдИ рджрд╕реНрддрд╛рд╡реЗрдЬ рдирд╣реАрдВ рд╣реИ, рд▓реЗрдХрд┐рди рдпрд╣ рдПрдХ рд╕рд╛рдорд╛рдиреНрдп рдХрд╛рд░реНрдп рд╣реИ рдЬреЛ рдПрдХ рдкреЗрдбрд╝ рдХреЗ рд░реВрдк рдореЗрдВ рдПрдХ рдкрд╛рд░реНрд╕ рдХрд┐рдП рдЧрдП рд╕рдВрдХреНрд╖реЗрдк рдХреЛ рдЗрдирдкреБрдЯ рдХреЗ рд░реВрдк рдореЗрдВ рд╕реНрд╡реАрдХрд╛рд░ рдХрд░рддрд╛ рд╣реИ рдФрд░ рдЗрд╕реЗ рдмрджрд▓ рд╕рдХрддрд╛ рд╣реИ, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рд╕реНрд╡реИрдк рд╡рд┐рд╢реЗрд╖рддрд╛рдПрдБ

a (http://s020.radikal.ru/i717/1703/c0/8127577c2b25.png) рдХреЗ рд▓рд┐рдП рдкреБрди: рдкрд░рд┐рднрд╛рд╖рд┐рдд рд╕реНрдирд┐рдкреЗрдЯ, рдмрд┐рдирд╛ рдлрд╝рд┐рд▓реНрдЯрд░ рдХреЗ рдпрд╣ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ: a.xxx -> <a class="xxx" href=""></a>
рд▓реЗрдХрд┐рди рдЬрдм рдмреЗрдо рдлрд╝рд┐рд▓реНрдЯрд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рддреЛ рдкрд░рд┐рдгрд╛рдо рдЧрд▓рдд рд╣реЛрддрд╛ рд╣реИ, рд╡рд░реНрдЧ рдХрд╛ рдирд╛рдо рджреЛрд╣рд░рд╛рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ:
a.xxx|bem -> <a class="xxx xxx" href=""></a>
div.yyy>a.-xxx|bem -> <a class="yyy__xxx -xxx" href=""></a>
рдХреНрдпрд╛ рдХрд┐рд╕реА рддрд░рд╣ рдЗрд╕рд╕реЗ рдмрдЪрдирд╛ рд╕рдВрднрд╡ рд╣реИ? @рд╕рд░реНрдЧреЗрдЪреЗ

@DDyst рдпрд╣ рд╕реБрд╡рд┐рдзрд╛ рдирдП рдХрд░реНрдиреЗрд▓ рдореЗрдВ рд╣реИ, рдЬреЛ рдЕрднреА рднреА рдПрдЯрдо рдХреЗ рд▓рд┐рдП рдЕрд▓реНрдлрд╛ рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ рд╣реИ

рдЗрд╕реЗ рдХреИрд╕реЗ рджреЗрдЦреЗрдВ/рдХреЛрд╢рд┐рд╢ рдХрд░реЗрдВ? )

рд╕рд░реНрдЧреЗрдИ, рдЗрд╕ рдЕрд╡рд╕рд░ рдХреА рддрд▓рд╛рд╢ рдореЗрдВ рдХрдо рд╕реЗ рдХрдо рдХрд┐рд╕ рдлрд╝рд╛рдЗрд▓ рдореЗрдВ рд╕рдВрдХреЗрдд рджреЗрдВ - рдореИрдВ рджреЗрдЦ рд░рд╣рд╛ рд╣реВрдВ рдХрд┐ рдлрд╝рд╛рдЗрд▓ рд╕рдВрд░рдЪрдирд╛ рдмрд╣реБрдд рдмрджрд▓ рдЧрдИ рд╣реИ O_o ... рдЕрдм рддрдХ, рдХреЗрд╡рд▓ рдХрд░реНрдиреЗрд▓ рдореЗрдВ рд╕реАрдзреЗ рдЕрдиреБрдХреВрд▓рд┐рдд рдХрд░рдирд╛ рд╕рдВрднрд╡ рд╣реИ?
рд╣рд╛рдБ, рдФрд░ | рдмреЗрдо - рдЕрдм рдХреИрд╕реЗ?
Shl .. рдФрд░ рдореИрдВрдиреЗ рд╕реЛрдЪрд╛ рдХрд┐ рдПрдореНрдореЗрдЯ рдЕрдм рдФрд░ рдмреЗрд╣рддрд░ рдирд╣реАрдВ рд╣реЛ рд╕рдХрддрд╛, рд▓реЗрдХрд┐рди рдпрд╣рд╛рдБ рдпрд╣ рдЖ рд░рд╣рд╛ рд╣реИ !!))

  1. рдПрдореНрдореЗрдЯ рдХреА рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рд╕реЗрдЯрд┐рдВрдЧ рдкрд░ рдЬрд╛рдПрдВ:
    рд╡рд░реАрдпрддрд╛рдПрдБ -> рдкреИрдХреЗрдЬ рд╕реЗрдЯрд┐рдВрдЧреНрд╕ -> рдПрдореНрдореЗрдЯ -> рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛
  2. рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рд╕реНрдирд┐рдкреЗрдЯ рдбрд╛рд▓реЗрдВ:
{
  "snippets": {
    "html": {
      "abbreviations": {
        "a": "<a class='' href=''>"
        }
      }
    }
}

рдЦреИрд░, рд╣рдореЗрдВ рд╣рдореЗрд╢рд╛ рдХрдХреНрд╖рд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╕рднреА рд▓рд┐рдВрдХ рдорд┐рд▓рддреЗ рд╣реИрдВ :)

рд╕реНрдирд┐рдкреЗрдЯреНрд╕ рдХреЛ рд╣рд▓ рдХрд░рддреЗ рд╕рдордп рд░рд┐рд╡рд░реНрд╕ рдСрд░реНрдбрд░ рдореЗрдВ рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХреЗ рд╕рдВрдпреЛрдЬрди рдХрд╛ рдкреНрд░рд╛рд░рдВрднрд┐рдХ рдХрд╛рд░реНрдпрд╛рдиреНрд╡рдпрди рдХрд┐рдпрд╛: рдкрд╣рд▓реЗ, рдЬреЛ рд╕рдВрдХреНрд╖реЗрдк рдореЗрдВ рд▓рд┐рдЦреЗ рдЧрдП рд╣реИрдВ, рдлрд┐рд░ рд╡реЗ рдЬрд┐рдиреНрд╣реЗрдВ рд╕реНрдирд┐рдкреЗрдЯ рдореЗрдВ рдШреЛрд╖рд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ (рдЙрдкрд░реЛрдХреНрдд рдкреНрд░рддрд┐рдмрджреНрдзрддрд╛ рдХреЗ рд▓рд┐рдП рд▓рд┐рдВрдХ рджреЗрдЦреЗрдВ)ред рдХреНрдпрд╛ рдпрд╣ рдЕрдкреЗрдХреНрд╖рд┐рдд рд╡реНрдпрд╡рд╣рд╛рд░ рдХреЗ рд╕рдорд╛рди рд╣реИ?

рдПрдХ рдЕрдиреНрдп рд╡рд┐рдХрд▓реНрдк рд╕реНрдирд┐рдкреЗрдЯ рдореЗрдВ рдирд┐рд╣рд┐рдд рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ (рд╢реБрд░реБрдЖрдд рдореЗрдВ рдПрдХ рд╡рд┐рд╕реНрдордпрд╛рджрд┐рдмреЛрдзрдХ рдЪрд┐рд╣реНрди рдХреЗ рд╕рд╛рде) рдШреЛрд╖рд┐рдд рдХрд░рдирд╛ рд╣реИ: "foo": "my-tag[title !class]" рдирд┐рд╣рд┐рдд рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХрд╛ рд╕рд╛рд░ рдпрд╣ рд╣реИ рдХрд┐ рд╡реЗ рдХреЗрд╡рд▓ рддрднреА рдкреНрд░рджрд░реНрд╢рд┐рдд рд╣реЛрддреЗ рд╣реИрдВ рдЬрдм рдЙрдирдХрд╛ рдХреЛрдИ рдореВрд▓реНрдп рд╣реЛред рдпрд╣реА рд╣реИ, рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ, рдирд┐рд╣рд┐рдд рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ, рдЖрдк рдЙрд╕ рдХреНрд░рдо рдХреЛ рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдЬрд┐рд╕рдореЗрдВ рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХреЛ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдП, рдЪрд╛рд╣реЗ рдЬрд┐рд╕ рдХреНрд░рдо рдореЗрдВ рдЙрдиреНрд╣реЗрдВ рд╕рдВрдХреНрд╖реЗрдк рдореЗрдВ рдШреЛрд╖рд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реЛ

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕