2015-11-07 3 views
0

Я искал через документацию атома при написании фрагментах:Atom сниппет для HTML комментарии

Using atom snippets

Однако документация слишком просто для этой проблемы я столкнулся. Я хочу написать фрагмент, который автоматически создаст комментарий, который будет содержать имя класса элемента HTML. Давайте посмотрим пример:

<div class="first-class another-class"> 

    ... 

</div><!-- first-class another-class --> 

Я хочу, чтобы иметь фрагмент кода, который будет автоматически создавать комментарий, содержащий «первого класса другого класса», когда я типа, например, «Комм» после закрытия тега DIV и нажмите TAB. Возможно ли это с помощью фрагментов?

ответ

1

Не позволяет ли ваш рабочий процесс создать комментарий вместе с предыдущим тегом? В этом случае, вы могли бы использовать что-то вроде этого:

'.text.html': 
    'Snippet Name': 
    'prefix': 'comm' 
    'body': """ 
     <div class="${1:classes}"> 
     ${2:<!-- your markup here -->} 
     </div><!-- ${1:classes} --> 
    """ 

Или более продвинутую:

'.text.html': 
    'div+comment': 
    'prefix': 'comm' 
    'body': """ 
     <${1:div} ${2:class="${3:classes}"}> 
     ${4:<!-- your markup here -->} 
     </${1:div}>${2:<!-- ${3:classes} -->} 
    """ 

Сохранить этот файл, как (например comm.cson) и поместить его в каталог пакетов.

+0

Это то, что я называю «из коробки» мышления :) звучит потрясающе, спасибо большое. –

+0

Ошибка во втором скрипте была исправлена! – idleberg

+0

Отлично работает, ура! –