Zen-Coding 사용법 - 에디트플러스 내에서
제목 : Zen-Coding 사용법 - 에디트플러스 내에서
사용법 : Ctrl+E 하면 해당 라인의 명령줄이 실행됨.
에디트플러스의 상단메뉴에서 ZC 클릭 > 활성화
내용 :
script --> ctrl + E 실행
<script type="text/javascript"></script>
link --> ctrl + E 실행
<link rel="stylesheet" href="" />
</head>
<body>
div.item$-$-content*6 --> ctrl + E 실행
<div class="item1-1-content"></div>
<div class="item2-2-content"></div>
<div class="item3-3-content"></div>
<div class="item4-4-content"></div>
<div class="item5-5-content"></div>
<div class="item6-6-content"></div>
div#page>div.logo+ul#navigation>li*5>a --> ctrl + E 실행
<div id="page">
<div class="logo"></div>
<ul id="navigation">
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</div>
div#button>a --> ctrl + E 실행
<div id="button"><a href=""></a></div>
div#footer --> ctrl + E 실행
<div id="footer"></div>
예제 소스 파일 :