Editplus용 customized Emmet snipptes.json

Category
HTML/CSS/JS, 개발 노트
Posted
2016-07-14 11:48
세월호 참사 1주기 결코 잊지 않겠습니다.

EditPlus에서 기본으로 제공되는 emmet에는 (emmet에서 본래 제공하는게 그러한지 모르겠지만) 내 입맛에 맞는 축약어들이 없어서 커스텀해서 사용하는데, 이번에 EditPlus가 4.0으로 업데이트 되면서 커스텀 버전으로 덮어씌우는 김에 아예 좀 더 추가 커스텀을 진행했다.

기존 파일에서 변경점

  • 기본 lang와 locale을 한국(ko, ko-KR)으로 설정
  • CSS transform 프로퍼티 확장 시 콜론(:) 뒤의 공백문자 제거
  • html5 DOCTYPE 확장 시 DOCTYPE을 대문자로 사용
  • meta:compat 확장 시 기본 설정을 IE=edge로 변경 (본래는 IE=7)
  • iframe 확장 시 title attribute 추가
  • form확장 시 name, id, method attribute 추가
  • form:get, form:post 확장 시 name, id attribute 추가
  • table+ 확장 시 table, caption, colgroup, thead, tbody로 확장 되도록 변경

기존 파일에 추가된 항목

개요

css
table 관련 display 프로퍼티 추가
html
IEcc 7, 8, 9버전 추가
abbreviations
target attribute가 있는 a element 추가
type별 button element 추가 및 btn 약어 추가
open graph관련 meta element 추가
twitter관련 meta element 추가
jquery.min.js를 load하는 script element 추가
scope를 기본 attribute로 가지는 th 추가
tbody, thead 확장 추가

css

  • d:tr : display:table-row;
  • d:tcg : display:table-column-group;
  • d:thg : display:table-header-group;
  • d:tfg : display:table-footer-group;
  • d:trg : display:table-row-group;
  • d:tc : display:table-cell;

html

  • cc:ie7 : <!--[if lte IE 7]>\n\t${child}|\n<![endif]-->
  • cc:ie8 : <!--[if lte IE 8]>\n\t${child}|\n<![endif]-->
  • cc:ie9 : <!--[if lte IE 9]>\n\t${child}|\n<![endif]-->

abbreviations

  • a:b : <a href=\"|\" target=\"_blank\">
  • a:tb : <a href=\"|\" target=\"_blank\">
  • a:t : <a href=\"|\" target=\"\">
  • button : <button type=\"|\">
  • button:submit : <button type=\"submit\">
  • button:s : <button type=\"submit\">
  • button:button : <button type=\"button\">
  • button:b : <button type=\"button\">
  • meta:ogt : <meta property=\"og:title\" content=\"|\" />
  • meta:ogtp : <meta property=\"og:type\" content=\"|\" />
  • meta:ogi : <meta property=\"og:image\" content=\"|\" />
  • meta:ogiu : <meta property=\"og:image:url\" content=\"|\" />
  • meta:ogis : <meta property=\"og:image:secure_url\" content=\"|\" />
  • meta:ogit : <meta property=\"og:image:type\" content=\"|\" />
  • meta:ogiw : <meta property=\"og:image:width\" content=\"|\" />
  • meta:ogih : <meta property=\"og:image:height\" content=\"|\" />
  • meta:ogd : <meta property=\"og:description\" content=\"|\" />
  • meta:ogdt : <meta property=\"og:determiner\" content=\"|\" />
  • meta:ogl : <meta property=\"og:locale\" content=\"|\" />
  • meta:ogla : <meta property=\"og:locale:alternate\" content=\"|\" />
  • meta:ogu : <meta property=\"og:url\" content=\"|\" />
  • meta:ogs : <meta property=\"og:site_name\" content=\"|\" />
  • meta:ogv : <meta property=\"og:video\" content=\"|\" />
  • meta:ogvu : <meta property=\"og:video:url\" content=\"|\" />
  • meta:ogvs : <meta property=\"og:video:secure_url\" content=\"|\" />
  • meta:ogvt : <meta property=\"og:video:type\" content=\"|\" />
  • meta:ogvw : <meta property=\"og:video:width\" content=\"|\" />
  • meta:ogvh : <meta property=\"og:video:height\" content=\"|\" />
  • meta:oga : <meta property=\"og:audio\" content=\"|\" />
  • meta:ogas : <meta property=\"og:audio:secure_url\" content=\"|\" />
  • meta:ogat : <meta property=\"og:audio:type\" content=\"|\" />
  • meta:twtc : <meta property=\"twitter:card\" content=\"|\" />
  • meta:twtt : <meta property=\"twitter:title\" content=\"|\" />
  • meta:twtd : <meta property=\"twitter:description\" content=\"|\" />
  • meta:twti : <meta property=\"twitter:image\" content=\"|\" />
  • script:jq : <script src=\"jquery.min.js\">
  • th : <th scope=\"|\">
  • btn:s : button:s
  • btn:b : button:b
  • meta:og : meta:ogt+meta:ogtp+meta:ogi+meta:ogu
  • meta:og+ : meta:ogt+meta:ogtp+meta:ogi+meta:ogu
  • meta:ogi+ : meta:ogiu+meta:ogis+meta:ogit+meta:ogiw+meta:ogih
  • meta:ogv+ : meta:ogvu+meta:ogvs+meta:ogvt+meta:ogvw+meta:ogvh
  • meta:twt : meta:twtc+meta:twtt+meta:twd+meta:twi
  • tbody+ : tbody>tr>td
  • thead+ : thead>tr>th[scope=\"col\"]

파일 다운로드

아래 다운로드 링크에 마우스 우클릭 혹은 메뉴(컨텍스트 메뉴)키를 눌러 “다른 이름으로 링크 저장”하여 다운 받으세요.
링크를 클릭 시에는 브라우저에 따라 다운로드가 진행되지 않고 소스 코드로 보여집니다.

다운로드 링크 : snippets.json

Authored By 멀더끙