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

спасибо!!

@venom049

This comment has been minimized.

Copy link

commented May 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.