Create a gist now

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.

Show comment
Hide comment
@mugukamil

mugukamil Apr 19, 2014

thank u man

thank u man

@valerykatskel

This comment has been minimized.

Show comment
Hide comment
@valerykatskel

valerykatskel May 7, 2014

How to install it in sublime?

How to install it in sublime?

@ghost

This comment has been minimized.

Show comment
Hide comment
@ghost

ghost May 27, 2014

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

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.

Show comment
Hide comment

thank you

@zenway-js

This comment has been minimized.

Show comment
Hide comment

tnx

@andymarch25

This comment has been minimized.

Show comment
Hide comment
@andymarch25

andymarch25 Dec 27, 2014

useful, thanks

useful, thanks

@almone

This comment has been minimized.

Show comment
Hide comment
@almone

almone Feb 11, 2015

Thank you for this handy trick!

almone commented Feb 11, 2015

Thank you for this handy trick!

@terehof

This comment has been minimized.

Show comment
Hide comment

terehof commented Mar 14, 2015

thanks!)

@DenisTkachuk

This comment has been minimized.

Show comment
Hide comment

Дякую

@veterok326

This comment has been minimized.

Show comment
Hide comment
@veterok326

veterok326 Mar 31, 2015

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

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

@kdes70

This comment has been minimized.

Show comment
Hide comment
@kdes70

kdes70 Mar 31, 2015

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

kdes70 commented Mar 31, 2015

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

@Pylypets

This comment has been minimized.

Show comment
Hide comment
@Pylypets

Pylypets Apr 17, 2015

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

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

@siberianbear

This comment has been minimized.

Show comment
Hide comment
@siberianbear

siberianbear Jun 1, 2015

Simple & nice! Thanks 😃

Simple & nice! Thanks 😃

@Orlangyr

This comment has been minimized.

Show comment
Hide comment
@Orlangyr

Orlangyr Jun 19, 2015

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

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

@vadmurzakov

This comment has been minimized.

Show comment
Hide comment
@vadmurzakov

vadmurzakov Aug 20, 2015

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

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

@romanklsnk

This comment has been minimized.

Show comment
Hide comment
@romanklsnk

romanklsnk Sep 11, 2015

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

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

@golenishchev

This comment has been minimized.

Show comment
Hide comment
@golenishchev

golenishchev Sep 13, 2015

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

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

@GeezGeez

This comment has been minimized.

Show comment
Hide comment
@GeezGeez

GeezGeez Sep 15, 2015

Спасибо

Спасибо

@akella

This comment has been minimized.

Show comment
Hide comment
@akella

akella Oct 18, 2015

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

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.

Show comment
Hide comment
@slaffko1

slaffko1 Oct 18, 2015

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

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

@vshap

This comment has been minimized.

Show comment
Hide comment
@vshap

vshap Nov 8, 2015

Great thnx. Rewrite it 4 Atom.

vshap commented Nov 8, 2015

Great thnx. Rewrite it 4 Atom.

@TIIGRUS

This comment has been minimized.

Show comment
Hide comment
@TIIGRUS

TIIGRUS Nov 22, 2015

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

TIIGRUS commented Nov 22, 2015

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

@alekseyfilippov

This comment has been minimized.

Show comment
Hide comment
@alekseyfilippov

alekseyfilippov Jan 27, 2016

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

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

@badblockk

This comment has been minimized.

Show comment
Hide comment
@badblockk

badblockk Apr 13, 2016

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

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

@bogdanzinchenko

This comment has been minimized.

Show comment
Hide comment
@bogdanzinchenko

bogdanzinchenko Apr 23, 2016

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

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

@alexandershustik

This comment has been minimized.

Show comment
Hide comment
@alexandershustik

alexandershustik 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

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.

Show comment
Hide comment

greyxp commented May 28, 2016

@fychmen

This comment has been minimized.

Show comment
Hide comment
@fychmen

fychmen Jul 23, 2016

Спасибо!

fychmen commented Jul 23, 2016

Спасибо!

@dimakrsna

This comment has been minimized.

Show comment
Hide comment
@dimakrsna

dimakrsna Aug 12, 2016

Спасибо!

Спасибо!

@Kamposter

This comment has been minimized.

Show comment
Hide comment
@Kamposter

Kamposter Oct 11, 2016

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

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

Вместо:

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

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

Kamposter commented Oct 11, 2016

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

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

Вместо:

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

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

@manishram

This comment has been minimized.

Show comment
Hide comment
@manishram

manishram Oct 12, 2016

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

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

@kozakevych

This comment has been minimized.

Show comment
Hide comment
@kozakevych

kozakevych Nov 15, 2016

Дякую!)

Дякую!)

@HASKADOG

This comment has been minimized.

Show comment
Hide comment
@HASKADOG

HASKADOG Apr 22, 2017

Спасибо)

Спасибо)

@galcev

This comment has been minimized.

Show comment
Hide comment
@galcev

galcev Jun 28, 2017

Thank you!

galcev commented Jun 28, 2017

Thank you!

@CssHead

This comment has been minimized.

Show comment
Hide comment
@CssHead

CssHead Sep 29, 2017

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

CssHead commented Sep 29, 2017

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

@skifgold

This comment has been minimized.

Show comment
Hide comment
@skifgold

skifgold 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

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.

Show comment
Hide comment
@abztrakte

abztrakte Nov 22, 2017

Спасибо!

Спасибо!

@devxom

This comment has been minimized.

Show comment
Hide comment
@devxom

devxom Nov 26, 2017

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

devxom commented Nov 26, 2017

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

@Nikolasgrizli

This comment has been minimized.

Show comment
Hide comment
@Nikolasgrizli

Nikolasgrizli Jan 23, 2018

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

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

@AndreyK80

This comment has been minimized.

Show comment
Hide comment

thank

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