Содержание

Сниппеты в Notepad++

 

В процессе написания кодировки веб-страницы Вы заметите, что есть повторы одного того же кода в разных местах. Такие фрагменты называются сниппетами (Snippets).

В Notepad++, можно установить плагин, который может облегчить использование сниппетов. Плагин NppSnippets предоставляет возможность добавлять фрагменты кода в текущий документ, просто выбирая его из списка.

Как пользоваться

Чтобы открыть окно Snippets, кликните кнопку . Повторный щелчок по ней и панель исчезнет.

Окно состоит из двух частей. Библиотек – их 11. На нижней части панели, под библиотеками, будет размещаться список фрагментов выбранной библиотеки. Чтобы вставить фрагмент, выбираем его из списка, дважды щелкаем по нему в списке, и фрагмент будет появиться в веб-странице в позиции курсора.

Когда вы переключаетесь на другую библиотеку, откроется список фрагментов, собранных в ней. Надо честно признаться, что плагин Snippets 1.6 несколько устарел. Но главное, что он позволяет себя редактировать.

Редактирование, добавление

Удалить

В первую очередь надо удалить то, что устарело или вам в работе не пригодиться.

Начнем с библиотек. Хранить все библиотеки, на всякий случай, не рационально. Из своей практики выскажу несколько суждений. Библиотека CSS2 Tags устарела. Но важно другое: Вы не будете ее пользоваться, потому что список тегов, который дан в библиотеке, вставляется в документ в процессе автозавершения.

Библиотека CSS2 Tags & Values по набору тегов немного перекрывает CSS2 Tags и в ней есть несколько тегов, которых в автозавершении нет.

Greek Characters – символы греческого алфавита, лично мною никогда не используются.

Библиотека W3C содержит сниппеты объявлений документа. Все, что связано HTML 4.01, в настоящее время не используется.

В общем, что сохранить, что удалить – Вам решать. В процессе накопления опыта в кодировке веб-страницы, Вы сами решите, что надо, что нет.

Редактировать сниппет

Чтобы добавить или отредактировать сниппет, щелкните по нему левой кнопкой мыши, чтобы выделить. Например – Break. Затем правой кнопкой кликните по выделению. Откроется контекстное меню.

Кликните по Edit… Откроется окно – Edit Snippet. В нем показан тег разрыва строки, написанный следующим образом -- <br/>. Тег разрыва одиночный, не имеет закрывающего тега и прямой слэш в нем не нужен. Его мы уберем. Кликнем Ок, окно закроется.

Проверим результат правки. Выделим тег Break. Откроем контекстное меню, откроем окно Edit Snippet и увидим результат. (см. ниже). Еще проще, щелкните дважды по имени тега и он появиться в документе – <br>.

Все получилось. Мы отредактировали тег и он в списке библиотеки. База сниппетов данных в этой версии Notepad ++ устарела. В ней нет последних тегов HTML5. Вы сами можете добавить их библиотеку.

Добавляем сниппеты

В процессе работы Вы решите, что неплохо бы иметь снипеты, которых нет в библиотеке, но они нужны. Notepad++ позволяет вставлять в библиотеки фрагменты нужные Вам.

Чтобы каждый раз при создании нового документа, не вводить основные элементы разметки, которые присутствуют в любом документе HTML. Давайте создадим шаблон пустой страницы HTML5.

В панели Snippets выбираем Templates (Шаблоны), здесь уже есть пункт HTML, но это версии до HTML5. Можно ее оставить можно удалить. Это на Ваше усмотрение.

Кликаем в пустой части панели правой кнопкой мыши, открывается контекстное меню и выбираем – Add (добавить).

Окно имеет два подокна: Before cursor (до курсора) и After cursor (после курсора). Это делается для того, чтобы когда Вы введете сниппет в текст, курсор после вставки оказался на нужном месте. Поэтому часть снипета вводится в подокно до курсора. Вторая часть – в подокно после курсора. В нашем случае это не надо. Поэтому весь текст сниппета полностью введен в подокно – Before cursor.

В поле – Snippet name: надо ввести название сниппета.

Для сохранения сниппета кликаем по «ОК».

Такая же методика добавления в список библиотеки тех тегов, которых там нет. А это в первую очередь новых тегов HTML5. Если Вы будете добавлять в существующую библиотеку, теги будут отсортированы в ней по алфавиту.

Библиотеки

Не надо ограничивать библиотеки только наборами тегов. Вы можете создать свое библиотеки, которые необходимы для работы.

Для добавления новой библиотеки кликаем правой кнопкой мыши на выпадающий список и выбираем пункт New library…

Появляется окно Edit library, в котором необходимо указать имя создаваемой библиотеки. Также можно указать автора библиотеки и небольшой комментарий, чтобы напоминал, что библиотека влючает.

В поле Library nave пишем имя новой библиотеки.

В поле Created by фамилию создателя, если есть такое желание.

В поле Comments краткое описание библиотеки, для памяти.

В чекбокс Sort alphabetic поставьте галочку, чтобы фрагменты сортировались в библиотеке по алфавиту. Если же галочку убрать, то фрагменты будут сохранены по очереди добавления.

Созданные библиотеки отсортированы по алфавиту, и менять их последовательность нельзя. Когда вы добавили новую библиотеку, она попадает в конец списка библиотек, но после перезапуска программы notepad++ будет произведена сортировка по алфавиту.

Для того чтобы открыть созданную библиотеку нажимаем на выпадающий список и выбираем имя библиотеки. Под названием новой библиотеки будет чистое поле панели для введения фрагментов.

Для того чтобы добавить новый фрагмент, щелкаем правой кнопкай мыши. Открывается контекстное меню, в котором мы выбираем пункт Add… Открывается окно – Edit Snippet. А дальше все действия, которые мы излагали в подразделе этого текста – Добавляем сниппеты.

 

... да пачатку старонкі