Фрагмент Atom для комментариев HTML

Я просматривал документацию по атому при написании фрагментов:

Использование фрагментов кода

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

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

  ...

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

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


atom-editor code-snippets
person emil.c    schedule 07.11.2015    source источник

Ответы (1)


arrow_upward
2
arrow_downward

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

'.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) и поместите его в каталог пакетов.

person idleberg    schedule 08.11.2015
comment
Это то, что я называю «нестандартным» мышлением :) звучит потрясающе, большое спасибо. - person emil.c; 08.11.2015
comment
Во втором скрипте была ошибка, нужно исправить! - person idleberg; 08.11.2015