Emmet: HTML로 퍼질 때 속성의 순서를 제어할 수 있습니까?

일반적으로 다른 속성이 있는 스니펫이 약어에 대해 지정되지 않는 한 모든 속성은 약어에 나타나는 순서대로 표시됩니다. 여기에서 스니펫 자체를 변경하고 빈 속성 class 올바른 위치에 추가하기

@sergeche
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>", 썼다
노노노노, 데이비드 블레인, NO: a.classname → <a>

내 질문에 대한 대답이 "안 돼"라는 것을 올바르게 이해하고 있습니까? 아니면 내가 뭔가 잘못하고 있습니까? )

그렇게 하는 것이 편리합니다. - 아니요, 속성에 대한 정렬 우선 순위를 설정할 수 있도록 커널을 변경해야 합니다.

어떤 파일에서 무언가를 파헤칠까요? :)

또는 https://github.com/emmetio/emmet/blob/master/lib/filter/html.js#L21
원칙적으로 올바른 출력을 생성하는 자체 필터를 작성하고 커널을 건드리지 않도록 확장으로 연결할 수 있습니다.

필터가 있는 옵션이 훨씬 좋습니다(애플리케이션의 핵심으로 들어가는 것을 싫어합니다). API에 대한 정보는 어디에서 읽을 수 있습니까? 아니면 몇 가지 예를 들어볼까요?

질문은 오늘날과 관련이 있습니다.
@sergeche 이 작업이 TODO 목록에

필터를 작성하고 풀 요청을 할 수 있습니다. 필터에 대한 문서는 없지만 이것은 트리 형태의 구문 분석된 약어를 ​​입력으로 받아들이고 이를 변경할 수 있는 일반적인 기능입니다(예: 스왑 속성)

a (http://s020.radikal.ru/i717/1703/c0/8127577c2b25.png)에 대한 재정의된 스니펫, 필터 없이 정상적으로 작동합니다: a.xxx -> <a class="xxx" href=""></a>
그러나 bem 필터를 사용할 때 결과가 올바르지 않고 클래스 이름이 중복됩니다.
a.xxx|bem -> <a class="xxx xxx" href=""></a>
div.yyy>a.-xxx|bem -> <a class="yyy__xxx -xxx" href=""></a>
어떻게 든 이것을 피할 수 있습니까? @sergeche

@DDyst 이 기능은 Atom의 알파 버전에 있는 새 커널에 있습니다.

시청/시도하는 방법? )

https://github.com/emmetio/atom-plugin

세르게이, 이 기회에 어떤 파일을 찾아야 하는지 힌트를 주세요 - 파일 구조가 많이 변경되어 있는 것을 보고 있습니다 O_o ... 지금까지 커널에서 직접 사용자 정의하는 것이 올바르게만 가능합니까?
예, 그리고 | bem - 이제 어떻게?
쉿 .. 그리고 에밋이 더 이상 이보다 좋을 수는 없다고 생각했는데, 이게 온다!!))

1. Emmet의 사용자 설정으로 이동합니다.
   환경 설정 -> 패키지 설정 -> Emmet -> 설정 사용자
2. 다음 스니펫을 삽입합니다.

{
  "snippets": {
    "html": {
      "abbreviations": {
        "a": "<a class='' href=''>"
        }
      }
    }
}

글쎄, 우리는 항상 수업과의 모든 링크를 얻습니다. :)

스니펫을 해결할 때 속성을 역순으로 결합하는 초기 구현을 만들었습니다. 먼저 약어로 작성된 속성, 그 다음 스니펫에 선언된 속성(위의 커밋 링크 참조). 예상되는 동작과 유사합니까?

또 다른 옵션은 코드 조각에서 암시적 속성(시작 부분에 느낌표 포함)을 선언하는 것입니다. "foo": "my-tag[title !class]" 암시적 속성의 본질은 값이 있는 경우에만 표시된다는 것입니다. 즉, 암시적 속성을 사용하면 약어에서 선언된 순서에 관계없이 속성이 표시되어야 하는 순서를 지정할 수 있습니다.