Skip to content

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

commented Apr 19, 2014

thank u man

@valerykatskel

This comment has been minimized.

Copy link

commented May 7, 2014

How to install it in sublime?

@ghost

This comment has been minimized.

Copy link

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

commented Jun 16, 2014

thank you

@zenway-js

This comment has been minimized.

Copy link

commented Oct 1, 2014

tnx

@andymarch25

This comment has been minimized.

Copy link

commented Dec 27, 2014

useful, thanks

@almone

This comment has been minimized.

Copy link

commented Feb 11, 2015

Thank you for this handy trick!

@terehof

This comment has been minimized.

Copy link

commented Mar 14, 2015

thanks!)

@DenisTkachuk

This comment has been minimized.

Copy link

commented Mar 18, 2015

Дякую

@veterok326

This comment has been minimized.

Copy link

commented Mar 31, 2015

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

@kdes70

This comment has been minimized.

Copy link

commented Mar 31, 2015

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

@Pylypets

This comment has been minimized.

Copy link

commented Apr 17, 2015

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

@siberianbear

This comment has been minimized.

Copy link

commented Jun 1, 2015

Simple & nice! Thanks 😃

@Orlangyr

This comment has been minimized.

Copy link

commented Jun 19, 2015

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

@vadmurzakov

This comment has been minimized.

Copy link

commented Aug 20, 2015

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

@romanklsnk

This comment has been minimized.

Copy link

commented Sep 11, 2015

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

@golenishchev

This comment has been minimized.

Copy link

commented Sep 13, 2015

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

@GeezGeez

This comment has been minimized.

Copy link

commented Sep 15, 2015

Спасибо

@akella

This comment has been minimized.

Copy link
Owner Author

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

commented Oct 18, 2015

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

@vshap

This comment has been minimized.

Copy link

commented Nov 8, 2015

Great thnx. Rewrite it 4 Atom.

@TIIGRUS

This comment has been minimized.

Copy link

commented Nov 22, 2015

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

@alekseyfilippov

This comment has been minimized.

Copy link

commented Jan 27, 2016

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

@badblockk

This comment has been minimized.

Copy link

commented Apr 13, 2016

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

@bodyazinchenko

This comment has been minimized.

Copy link

commented Apr 23, 2016

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

@alexandershustik

This comment has been minimized.

Copy link

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

commented Jul 23, 2016

Спасибо!

@dimakrsna

This comment has been minimized.

Copy link

commented Aug 12, 2016

Спасибо!

@Kamposter

This comment has been minimized.

Copy link

commented Oct 11, 2016

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

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

Вместо:

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

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

@manishram

This comment has been minimized.

Copy link

commented Oct 12, 2016

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

@kozakevych

This comment has been minimized.

Copy link

commented Nov 15, 2016

Дякую!)

@HASKADOG

This comment has been minimized.

Copy link

commented Apr 22, 2017

Спасибо)

@galcev

This comment has been minimized.

Copy link

commented Jun 28, 2017

Thank you!

@CssHead

This comment has been minimized.

Copy link

commented Sep 29, 2017

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

@skifgold

This comment has been minimized.

Copy link

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

commented Nov 22, 2017

Спасибо!

@devxom

This comment has been minimized.

Copy link

commented Nov 26, 2017

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

@Nikolasgrizli

This comment has been minimized.

Copy link

commented Jan 23, 2018

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

@AndreyK80

This comment has been minimized.

Copy link

commented Apr 30, 2018

thank

@Waidoss

This comment has been minimized.

Copy link

commented Jan 28, 2019

спасибо!!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.