작성자에게 이메일을 보냈지만 요청에 찬성하기 위해 여기에 다시 게시합니다.

안녕,

우선, 당신의 훌륭한 일에 감사드립니다. 당신은 훌륭한 일을 해냈습니다. 나는 그 결과에 정말 감탄합니다.

귀하의 프로그램에 대한 생각:

'역코딩'이 가능한가요?

즉

<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>

그리고 그것을 변환

컨테이너>.header+.body>.title{제목}+.text{텍스트}^.바닥글

??

왜요? 음, 우선 두 번째 코드로 작업한 다음 정상으로 되돌리는 것이 더 쉽습니다. 그리고 가장 중요한 것은 가능하다면 클라이언트 측 자바 스크립트를 사용하거나 자원 봉사자가 emmet 코드 html 페이지에 _직접_ 작성하는 서버 측 코드를 사용하는 것입니다.

어떤 영향을 미칠지 생각해 보십시오.

글쎄, 그것은 단지 생각입니다 :)

다시 한 번 감사합니다.

즐거운 시간 보내세요,
자니스,
아테네, 그리스, 유럽, 세계.

그래서, 그 아이디어를 찬성하는 것입니다 :+1: 그리고 그것이 완료되기를 희망합니다 :)

내 찬성! 페이지를 HTML로 코딩하고 emmet으로 번역한 다음 HTML로 동적으로 확장되는 emmet 코드를 포함하는 PHP 코드를 작성할 수 있다고 상상해 보십시오.

:손: 내 드라이브 바이 2센트:

@icb931023 처음에

모든 태그가 자동으로 생성되기 때문에 오타(예: 닫는 태그의 슬래시 누락)에 대해 걱정할 필요가 없을 것 같지만 확장된 HTML로 작업하고 있다고 가정합니다. 간결한 구문) 그래서 그것이 그것에 대한 강력한 주장인지 확실하지 않습니다. 또는 간결한/축소된 구문으로 완전히 작동하지 않을 것이라고 가정하는 것이 틀릴 수도 있습니다.

나는 이것을 원한다. 설득력 있는 사용 사례를 볼 수 없습니다. 예를 들어 CSS 전처리만큼 분명히 유익하지는 않습니다.

브라우저/템플릿 엔진이 Emmet 구문을 이해했다면 이야기가 달라질 것입니다. 흥미로울 것입니다!

음, 그것을 traduce하기 위해 JS 라이브러리를 만드는 것은 매우 흥미 롭습니다 ;)

다음은 클라이언트의 관점에서 시작하는 것입니다. 에밋의 콧수염 . 자유롭게 기여하세요.

@바바타 :)

어떤 업데이트?

이것도 좋아할 것입니다. 내 모든 요소를 ​​저장하는 스타일 가이드 페이지를 사용합니다. 이를 관리하기 위해 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/]

또한 반복되는 요소에 다른 내용이 포함된 경우("나중에 수정"으로 설명한 대로) 역 약어 문자열은 코드 생성에 사용한 것과 동일하지 않습니다.

나에게 투표하십시오. Emmet을 처음 접하고 제 기술을 향상시키는 환상적인 방법이 될 것입니다.

이 기능이 정말 필요했습니다. 제 경우는 다음과 같습니다.

나는 다음과 같은 일부 블록을받습니다.
<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}+... 와 같은 약어로 끝나게 되어 그다지 유용하지 않습니다.

데이터가 포함된 템플릿 + JSON 개체에서 HTML 문자열을 렌더링하고 렌더링된 HTML 문자열로 POST 요청에 응답하는 마이크로서비스가 있습니다. HTTP 응답에서 거대한 HTML 문자열을 보내야 하는 것은 우리의 애플리케이션 흐름에 병목 현상을 야기합니다.

이 렌더링된 HTML을 대신 응답으로 전송되는 Emmet 약어로 변환하는 방법이 있으면 응답 데이터 크기가 더 작은 바이트 수를 차지하므로 병목 현상이 제거됩니다. 응답을 받는 마이크로서비스는 클라이언트 측 렌더링을 위한 약어를 emmet-expand할 수 있습니다.

@kizzlebot 실행 가능한 사용 사례처럼 보이지만 다음을 고려해야 합니다.

• 거대한 HTML을 Emmet으로 변환하는 것도 병목 현상이 될 수 있지만 이 경우 CPU 측
• 출력 gzipping이 문제를 해결합니까?
• 클라이언트 측에서 Emmet을 확장한다는 것은 렌더링을 위해 특별한 런타임이 필요하다는 것을 의미합니다. 따라서 자체 템플릿과 JSON 데이터를 클라이언트에 직접 보내고 자체 런타임을 사용하여 렌더링할 수 있기 때문에 마이크로 서비스가 전혀 필요하지 않은 것 같습니다.

@kizzlebot Messagepack 및/또는 Apache Avro가 아닌 이유는 무엇입니까?

@sergeche 를 좀 더 구체적으로 설명

샘플 사이트를 구축하고 이를 다시 emmet 스니펫으로 변환하여 프레젠테이션 타이핑을 더 빠르게 만들고 싶습니다(프로세스 데모 emmet).

아마도 Hyperscript / JSX 및 AST를 사용하여 가능할 것입니다.

이것은 많은 잠재력을 가지고 있습니다.
요전에는 Jade 및 HAML과 같은 HTML 프레임워크를 사용하고 있었는데 이것이 불분명한 HTML 구문에 대한 훌륭한 대체품이라고 생각했습니다. 그러나 추가 설치 및 변환이 필요했기 때문에 내 프로젝트에 들어갈 수 없었습니다. 나는 항상 Emmet과 거의 같은 수준의 Emmet을 사용했습니다(조금만 지원하고 설치가 필요하지 않음).
하지만 오늘 사이트 템플릿을 구축할 때 Emmet에서 작성하는 동안 들여쓰기를 사용하기로 결정하고 다음을 생각해 냈습니다.

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

이것은 HTML보다 훨씬 읽기 쉽습니다.
그리고 에밋이 들여쓰기를 지원했다면 좋지 않았을까 하는 생각이 들었습니다.
그리고 나서 들여쓰기가 있는 HTML로 Emmet을 변환하는 변환 도구가 있다면 어떨까 하는 생각이 들었습니다. 그렇게 하면 HTML을 통해 작성하고 읽는 것이 훨씬 더 재미있습니다.
XML에 JSON이 발생했다는 의미입니다.
HTML이 나아갈 시간입니다...

웹 구성 요소, 하이퍼 스크립트, JSX 및 pug를 의미합니까? 글쎄, imho 이것은 읽기가 쉽지 않습니다.

Emmet은 주로 PhpStorm 프로젝트에서 빠른 프로토타이핑 및 명령 완성/스캐폴딩에 사용됩니다. 따라서 Emmet 구문은 일반적으로 어떤 프로젝트에도 저장되지 않고 최종 html에만 저장됩니다.