7 мар. 2010 г.

Notepad++ and Zen Coding

Сегодня увидел новость о то что для моего любимого блокнота Notepad++ была добавлена поддержка Zen Coding.

ссылка на источник http://habrahabr.ru/linker/go/86697/

и так зачем это нам ? да это нужно для того что бы ускорить процесс набора наверное в процентов так 50, а то наверное и больше.

Ниже представлены таблицы для сокращений:

Basic Tags

a<a></a>
a.x<a class="x"></a>
a#q.x<a id="q" class="x"></a>
a#q.x.y.z<a id="q" class="x y z"></a>

Siblings

a+b<a></a><b></b>
a.x+b<a class="x"></a><b></b>
a#q.x+b<a id="q" class="x"></a><b></b>
a#q.x.y.z+b#p.l.m.n<a id="q" class="x y z"></a><b id="p" class="l m n"></b>

Parent > child

a>b<a><b></b></a>
a>b>c<a>< b><c></c></b></a>
a.x>b<a class="x"><b></b></a>
a#q.x>b<a id="q" class="x"><b></b></a>
a#q.x.y.z>b#p.l.m.n<a id="q" class="x y z"><b id="p" class="l m n"></b></a>
a>b+c<a><b></b><c></c></a>
a>b+c>d<a><b></b><c><d></d></c></a>

Multiplication

a*2<a></a><a></a>
a*2+b*2<a></a><a></a><b></b><b></b>
a*2>b*2<a><b></b><b></b></a><a><b></b><b></b></a>
a>b*2<a><b></b><b></b></a>
a#q.x>b#q.x*2<a id="q" class="x"><b id="q" class="x"></b><b id="q" class="x"></b></a>

Properties

a x=y<a x="y"></a>
a#foo x=y m=l<a id="foo" x="y" m="l"></a>
a#foo.bar.mu x=y m=l<a id="foo" class="bar mu" x="y" m="l"></a>
a x=y+b<a x="y"></a><b></b>
a x=y+b x=y<a x="y"></a><b x="y"></b>
a x=y>b x=y+c x=y<a x="y"><b x="y"></b><c x="y"></c></a>

Parentheses

(a>b)+c<a><b></b></a><c></c>
z+(a>b)+c+k<z></z><a><b></b></a><c></c><k></k>
(a>b)*2<a><b></b></a><a><b></b></a>
(a+b)*2<a></a><b></b><a></a><b></b>

http://code.google.com/p/zen-coding/downloads/detail?name=Zen.Coding-Notepad%2B%2B.v0.6.zip  -- ссылка на сам плагин, для установки скачиваем плагин копируем его в папку plugins которая находится в Notepad++, пере запускаем блокнот - если все хорошо то у Вас появится меню "Zen Coding"



Еще можно посмотреть видео для пущей уверенности что это круто :)


2 комментария:

  1. Установил плагин на Notepad++ от Zen Coding, но когда пытаюсь преобразовать сокращения в html, делается это сочетанием клавиш Ctrl+E, за место замены высвечивается какой то черный квадрат с буквами ENQ. Что это за фигня?

    ОтветитьУдалить
  2. а ты в меню посмотри какое сочетание идет на преобразование - у меня например Ctr+;

    ОтветитьУдалить