Instantly share code, notes, and snippets.

Embed
What would you like to do?
<snippet>
<content><![CDATA[
<!-- begin $1 -->
<div class="$1">
$2
</div>
<!-- end $1 -->
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>di</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<scope>text.html</scope>
</snippet>
@mugukamil

This comment has been minimized.

Copy link

mugukamil commented Apr 19, 2014

thank u man

@valerykatskel

This comment has been minimized.

Copy link

valerykatskel commented May 7, 2014

How to install it in sublime?

@ghost

This comment has been minimized.

Copy link

ghost commented May 27, 2014

@valerykatskel
Just create a new snippet Sublime Text > Tools > New Snippet.
Then type di and press the TAB key.

@valerykatskel

This comment has been minimized.

Copy link

valerykatskel commented Jun 16, 2014

thank you

@zenway-js

This comment has been minimized.

Copy link

zenway-js commented Oct 1, 2014

tnx

@andymarch25

This comment has been minimized.

Copy link

andymarch25 commented Dec 27, 2014

useful, thanks

@almone

This comment has been minimized.

Copy link

almone commented Feb 11, 2015

Thank you for this handy trick!

@terehof

This comment has been minimized.

Copy link

terehof commented Mar 14, 2015

thanks!)

@DenisTkachuk

This comment has been minimized.

Copy link

DenisTkachuk commented Mar 18, 2015

Дякую

@veterok326

This comment has been minimized.

Copy link

veterok326 commented Mar 31, 2015

как его можно модифицировать для notepada++?

@kdes70

This comment has been minimized.

Copy link

kdes70 commented Mar 31, 2015

спасибо ! удобная штуковина

@Pylypets

This comment has been minimized.

Copy link

Pylypets commented Apr 17, 2015

Это делает наши работы лучше и понятнее. Спасибо большое!

@siberianbear

This comment has been minimized.

Copy link

siberianbear commented Jun 1, 2015

Simple & nice! Thanks 😃

@Orlangyr

This comment has been minimized.

Copy link

Orlangyr commented Jun 19, 2015

Hello, can you help me please to install this snippet?

@vadmurzakov

This comment has been minimized.

Copy link

vadmurzakov commented Aug 20, 2015

мастхэв, спасибо

@romanklsnk

This comment has been minimized.

Copy link

romanklsnk commented Sep 11, 2015

благодарочка

@golenishchev

This comment has been minimized.

Copy link

golenishchev commented Sep 13, 2015

Is there any reasons to have two spaces in "" before "-->"?

@GeezGeez

This comment has been minimized.

Copy link

GeezGeez commented Sep 15, 2015

Спасибо

@akella

This comment has been minimized.

Copy link
Owner

akella commented Oct 18, 2015

@golenishchev none that i know of, just the way i do it
PS: fixed that

@slaffko1

This comment has been minimized.

Copy link

slaffko1 commented Oct 18, 2015

Я недавно открыл для себя jade, и необходимость в таких снипетах отпала

@vshap

This comment has been minimized.

Copy link

vshap commented Nov 8, 2015

Great thnx. Rewrite it 4 Atom.

@TIIGRUS

This comment has been minimized.

Copy link

TIIGRUS commented Nov 22, 2015

Спасибо за снипет, очень своевременная вещь! Помогает и упрощает работу. Логистика будет!)) Разрабы будут рады!)
Установка: TOOLS > NEW SNIPPET > УБИРАЕМ ВСЕ И ВСТАВЛЯЕМ КОД НАШЕГО СНИПЕТТА. > СОХРАНЯЕМ КАК "ALL FILES" В ДИРЕКТОРИЮ КОТОРАЯ БУДЕТ ПО УМОЛЧАНИЮ. Вот и все.
После можно перезагрузиться.)

@alekseyfilippov

This comment has been minimized.

Copy link

alekseyfilippov commented Jan 27, 2016

Юра, вопрос: а можно его как-нибудь в конструкции Emmet встроить? В какую сторону смотреть?

@badblockk

This comment has been minimized.

Copy link

badblockk commented Apr 13, 2016

А в Atom можно внедрить этот сниппет?

@bodyazinchenko

This comment has been minimized.

Copy link

bodyazinchenko commented Apr 23, 2016

Спасибо! Очень удобная штука (:

@alexandershustik

This comment has been minimized.

Copy link

alexandershustik commented May 11, 2016

ALERT save to filename " html-dicomment.sublime-snippet " necessarily

I'm rewrite this snipet for [section]

https://gist.github.com/alexandershustik/b83557c27772c7348228ac0b5da00fd2

@greyxp

This comment has been minimized.

@fychmen

This comment has been minimized.

Copy link

fychmen commented Jul 23, 2016

Спасибо!

@dimakrsna

This comment has been minimized.

Copy link

dimakrsna commented Aug 12, 2016

Спасибо!

@Kamposter

This comment has been minimized.

Copy link

Kamposter commented Oct 11, 2016

Столкнулся с такой проблемой, что сейчас, при создании обычного класса, Эммет не раскрывает див полностью с табуляцией.
При .class + TAB:

<div class="class">|<!-- Тут курсор  --></div>

Вместо:

<div class="class">
        |<!-- Тут курсор  -->
</div>

Может вопрос смешной, но инфы нигде не нашел( В чем может быть проблема?

@manishram

This comment has been minimized.

Copy link

manishram commented Oct 12, 2016

hey guys how can i extract phone number using php..?

@kozakevych

This comment has been minimized.

Copy link

kozakevych commented Nov 15, 2016

Дякую!)

@HASKADOG

This comment has been minimized.

Copy link

HASKADOG commented Apr 22, 2017

Спасибо)

@galcev

This comment has been minimized.

Copy link

galcev commented Jun 28, 2017

Thank you!

@CssHead

This comment has been minimized.

Copy link

CssHead commented Sep 29, 2017

Всем хай, подскажите как сие чудо добавить в Sublime 3? Emmet блочит стандартные сниппеты, как его адптировать под emmet? Только начал с ними разбираться, пока что мозга не хватает ))))))

@skifgold

This comment has been minimized.

Copy link

skifgold commented Nov 7, 2017

For atom
Atom->Snippets...

It will open snippets.cson

for .html:

 '.text.html.basic':
  'semantic div':
    'prefix': 'di'
    'body': '.<!-- begin $1 -->\n
            <div class="$1">\n
            	$2\n
            </div>\n
            <!-- end $1 -->'

for .php:

 '.text.html.php':
  'semantic div':
    'prefix': 'di'
    'body': '<!-- begin $1 -->\n
            <div class="$1">\n
            	$2\n
            </div>\n
            <!-- end $1 -->'

Just copy/paste into the snippets.cson and save file

@abztrakte

This comment has been minimized.

Copy link

abztrakte commented Nov 22, 2017

Спасибо!

@devxom

This comment has been minimized.

Copy link

devxom commented Nov 26, 2017

Спасибо.
Адаптировал под vscode https://gist.github.com/devxom/edc3c76235fc050a5ba594f372ca5740

@Nikolasgrizli

This comment has been minimized.

Copy link

Nikolasgrizli commented Jan 23, 2018

Спасибо огромное, адаптировал под vs code HAML https://gist.github.com/Nikolasgrizli/13816855947c0ba5124432ae29e91c0b

@AndreyK80

This comment has been minimized.

Copy link

AndreyK80 commented Apr 30, 2018

thank

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment