첨부파일 https://eond.com/editplus/326571

하코사 소개

젠 코딩 정말 나이스 하네요. 긴 HTML 등들은 TAG, CLASS, ID 속명만으로 html tag를 자동으로 한방에 생성해주고 , 여러가지 옵션으로 편하게 사용할수 있네요.  에디터도 여러가지 지원하네요. - 야큐(yakuball)


젠코딩이란

에디트플러스 3.5 버전 이상부터 포함된, 코딩을 좀더 빠르고 쉽게 도와주는 플러그인입니다. 최신 버전의 에디터 플러스를 설치 하시면 zen coding 명령 탭이 화면에 나타납니다.  최신버전의 에디터플러스 설치하세요.


에디트플러스의 젠 코딩 탭부분입니다. 기본적인 사용/비사용 체크해서 사용 가능하며, 그 아래 메뉴부터는 젠코딩 관련 기능입니다.


scr_ep_zen.gif


참조 사이트

소개 : http://guny.kr/zen-coding-editplus/


ZenCoding 소개  동영상 : http://vimeo.com/40333685


http://code.google.com/p/zen-coding/wiki/Actions

 

http://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn


메뉴 설명

명령어 설명  - 단축키 잘 지정해서 쓰세욤.

 

expand abbreviation : 약어 실행

wrap width abbreviation : 영역을 감싸고 약어를 실행

Match pair : 쌍으로 매치되는 영역을 선택합니다.

Match pair Inward : 현재 커서위치 부터 매치되는 영역을 선택 합니다.

Next Edit pointer : 다음 수정될 포인터 위치

Prev Edit pointer : 이전 수정될 포인터 위치

go to Matcing pair : 매칭 되는 태그 위치로 커서를 이동

Merge Lines : 현재 선택된 영역 부터 한줄로 정렬합니다.

Toggle Comment : 선택된 영역부터 주석처리 하기

Split/join : 나누고/합치기. ( 흠.. 태그하나로 변경되어버리네. ^^; )

Remove Tag : 태그 지우기 

Numbers 

 - Evaluate Math Expression : 연산을 실행

 - Increment Number by 1 : 1 증가

 - Decrement Number by 1 : 1 감소

 - Increment Number by 0.1 : 0.1 증가

 - Decrement Number by 0.1 : 0.1 감소

 - Increment Number by 10 : 10 증가

 - Decrement Number by 10 : 10 감소

select Next Item  : 다음 아이템을 선택

select previous item : 이전 아이템을 선택

reflect css value : css 값을 반영 


사용 방법

커서를 문장의 끝에 위치하여, Zen Coding ==> expand abbreviation 실행해 보세요.

기본 단축키는 Ctrl+E 입니다.


예) 


html:xt

 

#header>ul.menu>li*5

 

#header>ul.menu>li.menu$*5

 

#header>ul.menu>li.menu$*5|c

 

#header>ul.menu>li.menu$*5>a>img

 

table+

 

table>tr*5>td*2

 

div.item$-$-content*6

 

div#page>div.logo+ul#navigation>li*5>a

코멘트 0
접기/펴기 | 댓글 새로고침
 
 
Total 19 articles in 1 / 1 pages
번호 제목 제목 날짜날짜 조회 수
19 [기타] 에디트플러스 단축키 2015/08/25 1410
18 [기타] [스크랩] 에디트플러스 설치 및 자바 환경설정 2015/08/25 276
17 [컬러셋] 에디트플러스 컬러세팅 블랙 테마 파일 2015/06/25 2726
16 [정규식] 특수문자와 구분하기 파일 2015/04/29 605
15 [자동완성] 에디트플러스 자동완성 추천 2014/07/16 1734
14 [기타] Consolas 한글 깨짐 2014/02/18 8983
13 [컬러셋] 컬러셋 스크린샷 파일 2013/12/07 2838
12 [정규식] 에디트플러스 정규식 예제 #1 특정문자는 사용하지 않는 모든 문자 찾기 2013/10/17 2325
11 [정규식] 에디트플러스 정규식 [2] 2013/10/04 4048
10 [팁] HTML 자동완성 2013/10/04 1916
9 [컬러셋] 에디트플러스3(EditPlus3)용 컬러세팅파일 - 트루의 잡소리 파일 2013/09/10 3777
현재글 [젠 코딩] 에디트플러스 젠코딩( zen Coding) 활용 파일 2013/02/23 8618
7 [컬러셋] 에디트플러스 xml 구문 파일 파일 2009/01/28 9582
6 [기타] 비밀글 에디트플러스(EditPlus) V.2.31 [1] 2009/01/11 2075
5 [컬러셋] 에디트플러스 컬러 설정 파일 및 설치 방법 (추천) 파일 2009/01/10 12689
4 [컬러셋] 수다님과 트루님의 에디트플러스 컬러세팅 파일 파일 2008/12/29 7768
3 [기타] Smartag 0.2 (작동 안됨) 파일 2008/07/30 6862
2 [팁] php 등의 파일에 개행문자 ♪ 붙이지 않게 하기 파일 2005/03/04 9741
1 [팁] EditPlus(에디트플러스,에딧플러스) 탭 간 이동 2003/09/21 9870

해시태그 디렉터리