По использованию notepad. Интересный нотепад

Здравствуйте, уважаемые читатели блога сайт. Сегодня мы рассмотрим один из лучших текстовых редакторов Notepad++, который обладает множеством полезных функций и является одной из самых используемых мною программ для редактирования html, css и php кода. Да и вообще этот редактор популярен среди многих программистов и разработчиков.

В статье я упомянул, что web-страницы можно создавать даже с помощью встроенного в Windows «Блокнота». Но создавать html и css файлы в блокноте это практически тоже самое, что копать яму палкой-копалкой. В блокноте, кроме возможности создавать и просматривать текстовые файлы, нет ничего.

Начав пользоваться Нотепадом для корректировки файлов с html, css, php и другими кодами, вы сэкономите себе массу времени и нервов. Поначалу, конечно же, использование этого редактора вам может показаться немного сложным. Но если вы научитесь пользоваться хотя бы основными возможностями Notepad++, то вам уже будет сложно обходиться без него.

У Нотепада есть значительные преимущества не только перед стандартным виндоувским блокнотом, но и по сравнению с другими более сложными программами для написания и редактирования различных кодов. Например, если сравнивать Notepad++ с популярной программой для верстки сайтов Dreamweaver, то у него найдется немало преимуществ. Во-первых, Notepad++ абсолютно бесплатный. А во-вторых, намного более легкий и быстрый. И вообще его можно запускать без установки в операционную систему Windows, если использовать portable версию Notepad++ , что позволит вам поместить программу на флешку и всегда носить его с собой.

Давайте теперь обо всем подробнее.

Установка редактора Notepad++, его возможности и настройка

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

Установка программы в операционной системе Windows происходит совершенно стандартным способом:

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

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

Теперь давайте пройдемся по возможностям данного текстового редактора:

1. Первое, что бросается в глаза то, что Notepad++ — это текстовый редактор с возможностью подсветки синтаксиса нескольких десятков самых популярных языков программирования включая HTML, CSS, JavaScript и PHP. Посмотреть полный список языков для которых нотепад умеет подсвечивать синтаксис и выбрать нужный язык можно в верхнем меню программы во вкладке «Синтаксис»:

Например, если установить подсветку html кода , будет примерно такая картина:

На рисунке видно, что теги выделяются синим цветом, атрибуты красным, а обычный текст черным. Это очень удобно при правке кода и поиске ошибок в нем. В случае необходимости можно настроить подсветку синтаксиса в меню «Опции» — «Определение стилей» . Откроется окно, в котором вы сможете настроить шрифт и подсветку синтаксиса для нужного вам языка:

В случае, если нужного языка нет, то можно настроить подсветку своего в том же меню «Синтаксис» есть пункт «Задать свой язык»:

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

Кроме непосредственно самой подсветки для всех этих языков осуществляется разбиение кода на блоки, которые можно сворачивать и разворачивать с помощью кнопок минус и плюс соответственно. Также связь между элементами выделяется пунктиром. И если, например, установить курсор на открывающем html тэге, то синим цветом выделиться не только он, но и связанный с ним закрывающий тег:

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

2.Часто бывает, что набивая какой-либо код, мы можем забыть как пишется тот или иной HTML тег или оператор PHP. Для решения этой проблемы в текстовом редакторе Notepad++ реализована функция всплывающих подсказок и автоматического завершения набираемого слова. Вызывается подсказка сочетанием клавиш «Ctrl+Пробел» и остается только выбрать нужный вариант из предложенного списка:

Можно включить автоматический показ всплывающих подсказок, без использования горячих клавиш. Для этого щелкнуть меню «Опции» — «Настройки» , в открывшемся окне перейти во вкладку «Автозавершение» и поставить галочку напротив «Включить при каждом вводе»:

В этом же окне можно включить автоматическую вставку закрывающих html тегов, скобок и кавычек.

3. Нотепад ++ очень легко позволяет сменить кодировку файла . Например, если необходимо установить популярную сейчас кодировку UTF-8 без BOM, то для этого достаточно в главном меню идем во вкладку «Кодировки» и щелкаем по пункту «Преобразовать в UTF-8 без BOM» и сохраняем файл:

4. Notepad++ позволяет открывать и редактировать сразу несколько файлов одновременно в отличие от стандартного блокнота. Для этого он использует закладки , подобно современным интернет браузерам. Так каждому открытому файлу соответствует своя закладка, в которой указывается имя файла и помещается изображение дискетки:

Дискетка может быть синего или красного цвета. Цвет дискеты указывает были ли сохранены изменения в файле или нет:

синяя дискеты — файл сохранен;
красная — изменения не сохранены.

Вкладки с открытыми файлами можно закрывать, перетаскивать и располагать в любом порядке. С помощью настроек можно сделать вертикальное отображение вкладок, либо вообще их скрыть, запретить перетаскивание и настроить закрытие вкладки двойным щелчком мыши. Все эти настройки можно найти во вкладке «Опции», кнопка «Настройки»:

Откроется окно настройки, где в разделе «Общие», в группе настроек «Панель вкладок» можно поставить или убрать нужные галочки:

Кроме того в этом редакторе есть возможность открывать сразу две копии одного и того же документа . Для этого достаточно щелкнуть правой клавишей по вкладке с нужным файлом и выбрать пункт «Дублировать в другой области»:

После этого откроется вторая закладка с этим документом:

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

Теперь нажимая клавишу «F2» курсор будет перемещаться между заметками — синими маркерами.

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

Функцию поиска текста можно вызвать с помощью верхнего меню «Поиск», в котором выбирается тип поиска, либо сочетанием горячих клавиш «Ctrl+F», которое открывает соответствующее окно с настройками поиска:

В открывшемся окне выбираете закладку с нужным действием («Найти», «Заменить», «Поиск в файлах» или «Пометки») и задаете параметры.

6. Часто при работе с html файлом, возникает необходимость посмотреть как он будет выглядеть в браузере. Для этого в Notepad++ есть возможность просмотра html страницы в браузерах Internet Explorer, Firefox, Chrome и Safari. Чтобы выполнить это действие достаточно нажать кнопку «Запуск» в верхнем меню и выбрать запуск кода в нужном браузере:

Также в рассматриваемом редакторе можно выделить любой фрагмент php кода и нажать «Запуск» — «Get php help», после чего Notepad++ переадресует вас на страницу сайта http://php.net с описанием данного кода.

В этой же вкладке меню «Запуск» есть возможность осуществлять поиск выделенных фрагментов текста в поисковой системе «google» и в сетевой энциклопедии «wikipedia». Для этого выделяете фрагмент текста и нажимаете кнопочку «Google Search», либо «Wikipedia Search» и вас автоматически перекинет на страницу сайта Google или Wikipedia с результатами поиска. Правда для всех этих действий необходимо подключение к интернету.

7. При редактировании файлов Notepad ++ запоминает все сделанные вами изменения. Поэтому в любой момент вы отменить выполненное действие (сделать шаг назад ). Причем откатываться можно на сколько угодно шагов назад или вперед, поэтому можно вносить любые изменения в код без риска необратимых последствий.

Делать откаты назад и вперед можно с помощью пунктов «Отмена» и «Повтор» во вкладке «Правка» в верхнем меню, либо с помощью кнопочек в виде загнутых стрелочек на панели инструментов (если были изменения стрелки окрашиваются в зеленый цвет):

Отмену действий можно также выполнять с помощью горячих клавиш:

CTRL + Z — шаг назад, аналог пункта «Отмена»;
CTRL + Y — шаг вперед, аналог пункта «Повтор»;

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

8. Расширить возможности тестового редактора Notepad++ можно с помощью различных плагинов . Некоторые устанавливаются по умолчанию, а остальные можно инсталлировать с помощью встроенного в плагин-менеджера, который вызывается из из верхнего меню вкладка «Плагины» - «Plugin Manager» - «Show Plugin Manager»:

Откроется окно «Plugin Manager» в котором в первой закладке будет список доступных плагинов. Для установки нужного плагина ставите галочку напротив него и нажать кнопку «Install».

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

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

Notepad++ представляет собой open-source текстовый редактор для Windows. Мне приходится работать с различными технологиями, и нет возможности установить сразу все редакторы

(вроде Dreamweaver, Visual studio и так далее). Поэтому я использую Notepad++ в качестве своего стандартного текстового редактора . Он простой и быстрый.

Давайте я поделюсь с вами некоторыми рекомендациями, которые помогут веб-разработчикам и дизайнерам работать более продуктивно:

1. Выделение блоков:

Как и в VS 2010, Box Selection (или выделение колонок, блоков или прямоугольников) есть и в Notepad++. Вам нужно зажать клавишу Alt, выполняя выделение. Также есть возможность выделить блок горизонтально.

2. Режим расширенного поиска:

В основном, он нужен для преобразования символа новой строки/вкладки. Предположим, вам нужно убрать символ новой строки:
Нажмите Ctrl+H, выберите ‘Extended Search Mode’. Используйте \n, чтобы найти то, что нужно заменить блоком текста. Нажмите Replace All (заменить все), чтобы убрать символ новой строки.

3. Вертикальный просмотр вкладок:

Предположим, вам нужно просмотреть два файла, и вручную сравнить их друг с другом. Вы можете открыть вкладки в режиме вертикального просмотра. Для этого кликните по tab > “Move to Other View (переключиться на другой режим)”. Для переключения режимов просмотра можно использовать клавишу F8.

4. Minify JS:

Вы можете исключить не обязательное пространство из вашего js-файла, и немного уменьшить файл перед использованием.

Edit > Blank Operations > Trim Header and Trailing Space
Edit > Blank Operations > Remove Unnecessary Blank and EOL

5. Удаление номеров строк или первого слова:

В основном, когда мы копируем код с сайта, и вставляем его, у нас отображаются номера строк или специальные символы, которые нам нужно исключить. В notepad++ это можно сделать без труда.

TextFX > TextFX Tools > Delete Line Numbers or First word

6. Добавьте номера строк:

Вы можете добавить номера строк через меню Edit > Column Editor > Number to Insert > Set Initial Number and Increase By >OK.
Вы также можете добавить любой текст.

7. Автоматическое закрытие HTML/XML-тэгов:

Если вы работаете с HTML или XML-файлами, редактор автоматически закрывает за вами каждый HTML-тег.

TextFX > TextFX Settings>Autoclose XML/HTML tags

8. HTML-кодировка:

Будучи блогером, мне часто приходится публиковать исходники HTML-кода. Мне нужно кодировать html перед публикацией, и Notepad++ позволяет сделать это без труда.

TextFX > TextFX Convert > Encode HTML

9. Быстрое генерирование динамических контроллеров:

Предположим, вам нужно, чтобы html-контроллеры создавались динамическим образом. Для этого, сначала создайте статичный HTML-шаблон. Выберите нужный язык и TextFX > TextFX Convert > Convert Text to Code Command. Эта функция позаботится о цитатах и переносах строки.

10. Настройка HTML Tidy:

Предположим, что у вас есть только контента тела HTML, и вам нужно создать правильный HTML-файл. В этом случае вам на помощь приходит HTML Tidy.

TextFX > TextFX HTML Tidy > Tidy (наиболее часто встречается HTMLTIDY.CFG)

11. Запуск в браузере:

Вы можете тестировать ваш HTML-файл прямо в браузере, нажав RUN и выбрав пункт Launch in Browser.

12. Выравнивание линий

Это, пожалуй, моя любимая функция. Вы можете выровнять несколько строк функцией,(comma), = (equal sign). Это очень удобно и полезно при выделении блоков.

TextFX > TextFX Edit > line up multiple lines by …

13. Остальное:

Удаление пустых строк:

TextFX > TextFX Edit > Delete Blank Lines
TextFX > TextFX Edit > Delete Surplus Blank Lines
Изменение регистра:
TextFX > TextFX Characters > выбираете нужный регистр.

Большинство встроенных функций можно выполнить при помощи режима расширенного поиска. Если у вас есть еще какие-либо советы, то не стесняйтесь, пишите в комментариях.

Наслаждайтесь Notepad++ 😉

Описание программы

Notepad++ редактор кода, с поддержкой синтаксиса популярных языков программирования: C, C++, C#, Java, JS, PHP, RC/INI и пакетные файлы, XML, HTML, CSS, ASP, SQL, Python, Perl, NFO Makefile, VB/VBS, Objective-C, Паскаль, Lua, NSIS и прочие.

К основным характеристикам редактора можно отнести следующее: скорость работы, подсветка синтаксиса, поддержка юникода, WYSIWYG (при помощи цветного принтера вы можете распечатывать код в цвете), возможность одновременного редактирования нескольких документов, поиск в файлах и многое другое.

Лично я использую его в основном для массовой замены (удаления/переименования) кода и текста в файлах . Для верстки сайтов я пользуюсь brackets, а для тех кто программирует к примеру в php лучше пользоваться Visual Studio Code.

Преимущества текстового редактора Notepad++:

Вообще данный текстовой редактор предоставляет огромное количество возможностей и удобств, но вот основные из них:

Он бесплатен;
очень лёгкий и быстрый;
есть возможность отмены действия;
можно одновременно работать с множеством файлов;
подсветка синтаксиса;
поддержка плагинов;
встроенный ftp клиент;
поиск с возможностью замены.

Скачать актуальную версию Notepad++ для Windows XP/7/8/10 на русском.

Обычную версию, с официального сайта: notepad-plus-plus.org/download/ .
Portable версию с: portableapps.com/apps/development/notepadpp_portable .

Установка и первоначальная настройка Notepad++.

Запускаем скачанный файл. После этого выбираем язык программы и нажимаем на кнопку «Ок»

После чего выбрать место (папку) для установки программы:

На следующем шаге Вам нужно выбрать дополнительные компоненты (я выбрал всё кроме дополнительных языков) и нажать на кнопку «далее»:

Затем «Готово».

Теперь зайдите во вкладку «Вид» – и щёлкните по пункту «Перенос строк»

После этого текст не будет растягиваться в длинные строчки, а будет укладываться в ширину окна.

Теперь зайдите во вкладку «Опции» – «Настройки»

И перейдите во вкладку «Новый документ». В пункте кодировки выберите UTF-8 без метки ВОМ и установите галочку на против пункта «Применить при открытии ASNI файла»:

После этого все файлы в в кодировке ANSI будут автоматически преобразовываться в UTF-8 без ВОМ, это поможет вам избежать всяких козябряк при редактировании php файлов.

Здесь же во вкладке «Резерв/автозавершение» может включить (отключить) автоматическое завершение слов или функции:

Работа в Html и PHP редакторе Notepad ++

Теперь давайте откроем файл какой-нибудь темы шаблона и на примерах рассмотрим функции Notepad ++.

1. Нумерация строк;

2. Вкладки. Как я говорил выше: можно одновременно работать с множеством файлов, и открываться они будут в одном окне по вкладкам, а не в разных окнах. Все эти вкладки можно сворачивать, перемещать, закрывать. Так же можно открыть в одном окне 2 копии файла:

Иногда бывают ситуации, что нужно работать с разными частями одного документа (где-то скопировать или просто посмотреть, а где-то вставить). Чтобы активировать данный режим, нажмите правой кнопкой мыши по нужной Вам вкладке и выберите пункт «дублировать в другом окне»;

3. Отмена и повтор действий. Например: вы что-то редактировали в файле (добавляли, удаляли, меняли и т.п.) и вдруг совершили ошибку, и хотите вернуть все как было изначально. Для этого Вам просто напросто, необходимо воспользоваться стрелочками на панели инструментов либо клавишами Ctrl+Z (шаг назад).
Шагов назад (или вперёд) может быть сколь угодно (допустим вы внесли 103 изменения в файл, тогда будет 103 шага назад), вплоть до первоначального файла;

4. При клике мышкой по какому-либо открывающемуся тегу ({}, ,(/), и т.д.) редактор автоматически выделит цветом закрывающий (или наоборот) парный тег, таким образом выделит PHP или HTML код заключенный между тегами Я нажал на открывающийся тег div, 16 строка, после чего редактор автоматически выделил и закрывающий div 27, показывая нам весь блок div с классом «author»;

5. Элементы кода выделяется различными цветами (обычный текст выделяется черным цветом);

6. При нажатии на минус/плюс, определенный участок кода свернется/развернется.

Кодировка UTF-8 (без BOM).

Если вы не произвели настройки описанные выше, то при редактировании php, html файлов вы можете столкнуться с следующим: русский язык на сайте отобразится кракозябрами или какими-нибудь знаками вопроса, причина этому кодировка ANSI (Windows-1251), в которой ранее был сохранен исходный файл. В этом случае Вам необходимо будет проделать следующее: выделить и вырезать весь код и текст, затем перейти во вкладку кодировки и преобразовать этот файл-ы в кодировку UTF-8 (без BOM), затем вставить туда ранее вырезанный код и сохранить.

Поиск в Notepad (Plus Plus).

Здесь довольно всё просто и проблем возникнуть не должно. Искать можно как по текущему документу (Find), так и по всем файлам (Find in Files) в определённой вами директории:

К стати здесь же вы можете автоматически заменить какие вам угодна слова! Для этого заполните поле «Заменить на:» и нажмите на кнопку «Заменить в файлах»! Эта функция может пригодиться при переводе шаблонов, т.к. во многих файлах шаблонов попадаются одни и те же слова (предложения), которые разом можно поменять во всех файлах темы – если у Вас мало опыта, то пользуйтесь функцией замены поосторожнее.

Автоматическое завершение набираемых слов.

Эта функция может быть очень полезной, если вы сомневаетесь в правильность написания тех или иных операторов PHP или Html кода.

Как включить/отключить автозавершение я рассказывал в самом начале.

Ну вот в принципе и все, что вам нужно знать на начальном этапе.

Добрый день всем читателям блога сайт . Сегодня поговорим про бесплатный текстовый редактор Notepad++, его установку, настройку и посмотрим как же им пользоваться и что же он имеет такого, чего нету у других.

Notepad++ — лучший бесплатный текстовый редактор для тех кто работает с html,css,php. Без него вообще как без рук 🙂 Почему же он такой популярный и в чем его особенности?

Он полностью бесплатный
Есть возможность работать как ftp клиент (очень удобно)
Поддержка макросов
Очень легкий в использование и понимание
Подсвечивает синтаксис html,css,php
Автозавершение функций, подсказка при вводе параметров функций
Возможность работы с плагинами
Работа с множеством файлов
Возможность менять кодировки файлов

Установка текстового редактора Notepad++

Установка как и использование очень простая. В принципе если Вы устанавливали хоть раз любую программу на свою компьютер, то с установкой notepad++ у Вас не будет проблем. Но все рассмотрим процесс установки по шагам. Шаг 1 После того как скачали Notepad++, запускайте его. Затем нужно будет выбрать язык установки. Шаг 2 Затем жмем кнопку «Далее», принимаем «Лицензионное соглашение» и выбираем папку в которую будет установлен этот текстовый редактор.
Шаг 3 Теперь выбираем тип установки. Он должен быть «по выбору» и затем внизу выбираем все пункты, как показано ниже на картинке.
Шаг 4 Теперь опять нужно поставить все галочки в этом окне. Думаю прочитав в окне установки поймете, что тут идет речь о создание ярлыка на рабочем столе и работе с APPDATA.,
Ну и в принципе все. Теперь редактор Notepad++ установлен на Ваш компьютер. Я думаю процесс описанный выше не трудный (забирает всего 2 минуты Вашего времени) и с ним справиться каждый 🙂

Настройка Notepad++

Настраивать Notepad++ не особо то и нужно, он после установки уже готов к работе. Но есть некоторые нюансы, которые вначале лучше поправить, что б потом не отвлекаться на эти мелочи.

Настройка кодировки в Notepad++

Для избежания проблем с кодировками, нужно сразу поставить нормальную кодировку, которая будет применяться к новым файлам. Делается это так:

В меню выбираем «Опции» затем «Настройки». Затем идем в пункт «Новый документ» и ставим 2 птички, в тех местах, что показаны на картинке ниже.

Настройка автозавершений в текстовом редакторе Notepad++

Как и писал в преимуществах этого редактора он может автозавершать функции, подсказывать параметры этих функций. Очень удобная штука, вот только после установки ее работу нужно настроить. Точно так же заходим в настройки, только теперь берем пункт «Автозавершение «. Затем, если хотите включить завершение функций и подсказки параметров, то ставьте в соответствующие места птички.

Настройка FTP клиента в Notepad++

После установки окно ФТП скрыто. Для того, что б его показать нужно сделать дальнейшие действия: идем по пути «Плагины» -> «NppFTP» ->»Show NppFTP Window». После этого у Вас справа должна появится панель ФТП клиента. Выглядит это так:

Все, теперь окно появилось, в нем будут отображаться файлы Вашего сайта после подключения. Как же подключиться? Все точно по такому принципу как у . Нужно знать Hostname, Username и Password . Их Вы получите при создание пользователя для ФТП доступов в своем аккаунте на сайте хостинга. После того, как создали пользователя, переходим в настройки подключения (показано на картинке выше), выбираем «Profile Settings» -> Добавляем новое подключение (кнопка «Add new»), даем ему некое имя и заполняем поля Hostname, Username и Password. Все, теперь закрываем окно.

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

В случае удачного подключения в этом окне Вы увидите файлы Вашего сайта. Дважды кликнув левой кнопкой мыши по любому файлу, Вы откроете его сразу в редакторе Notepad++, где сможете его редактировать. Сохранив изменения (Ctrl+S), Вы сразу перезаписываете файл на сервере. Другими словами, изменения сразу вносятся в файл на сервере. Скажите удобно очень?

Как же работать с текстовым редактором Notepad++?

Отличная возможность этого текстового редактора — это работа как FTP-клиент. Ее настройка и работа были описаны выше, так что думаю смысла повторяться нету. Рассмотрим же другие важные аспекты работы.

Работа с кодировками файлов

Для работы с кодировками в этом редакторе есть даже отдельный пункт меню. Он в принципе так и называется «Кодировки». При нажатие на него Вы увидите основные кодировки и можете преобразовать свой файл в любую из кодировок. Помимо основный, есть еще большое количество других. Они в большей степени экзотические и используются редко, но в случае есть Вы работаете с текстами других стран и национальностей, то Notepad++ создан для Вас.

Работа с поиском в Notepad++

Поиск имеет много возможностей. Можно считать количество совпадений по документу, можно находить и сразу же заменять (кстати очень удобная вещь, не руками искать и каждый раз заменять, а вбил вариант замены и по всему документу произошла замена), можно искать по всем документам открытым в редакторе и многое другое. Окно поиска как и обычно вызывается комбинацией Ctrl+F либо выбрать в пункте меню «Поиск».

Здравствуйте, уважаемые читатели! Сегодня мы познакомимся с замечательной программой, с помощью которой легко делать изменения в коде наших блогов. Самому ковыряться в php или html файлах в обычном редакторе — дело неблагодарное. Ведь легко можно заблудиться в портянке монотонных символов, что может привести к большой куче ошибок. Чтобы этого избежать, нужен удобный и понятный инструмент. Самым лучшим для редактирования кодов является Notepad++. И о нем, его возможностях, а также о самых важных плагинах расскажет постоянный читатель моего блога, известный белорусский блоггер Денис Тумилович.

Всем привет, дорогие читатели блога сайт! Меня зовут Денис Тумилович, возможно, кто-то из читателей меня помнит. Сейчас у меня новый проект – о том, как создать блог и заработать в интернете.

Очень надеюсь на Ваши комментарии, на Ваши вопросы, если есть конечно. Если нет – просто комментарий с благодарностью подойдет.

Раньше я использовал стандартный блокнот или стандартный редактор html, php кода в самом wordpress. Потом мне попался на глаза расширенная версия блокнота, там он был с подсветкой кода. Причем это отдельное приложение было. А назывался что-то вроде Блокнот 2 или как-то так.

Потом было много еще различных редакторов, например Эклипс, Vim, всязкие визуал эдитор, text wrangler и много чего еще.

Однако, со временем стало понятно, что их возможностей мне совсем не хватает. Или мне просто не удобно с ними работать. Особенно, когда речь идет о редактировании php кода. Notepad++ просто не заменим для этого. Да, именно его я выбрал и именно с ним я работаю до сих пор.

Возможности редактора Notepad++

На самом деле в стандартной поставке с Windows – есть кое какой блокнот Notepad, однако наши умельцы дополнили его и сейчас мы знаем о Notepad++. В стандартной поставке Notepad (он же стандартный блокнот) нет вообще ничего, есть только возможность просмотра и редактирования текста. Есть возможность изменить шрифт и размер шрифта, ну и все, в принципе.

Простая установка, небольшой размер редактора

Когда я первый раз увидел этот редактор (имеется ввиду Notepad++) – я сначала подумал что это сложный софт, который нужно сначала пару месяцев скачивать а потом еще пол года в нем разбираться. Оказалось все настолько просто – что теперь Notepad++ всегда со мной:). Кстати, эта софтина идет в комплекте к любому Total Commander.

Скачивание редактора Notepad++

Уже есть куча сайтов, с которых можно скачать различные версии Notepad++, установка которой происходит как и установка любой другой софтины. Существует две версии, причем все они абсолютно бесплатные — стандартная с инсталляцией и портативная.

Портативная версия редактора Notepad++ устанавливается в любую папку, хоть на флешку. Для её запуска совершенно не обязательно наличие операционной системы и привязки к системному реестру. Очень удобная штука. Установил на флешку и носи с собой всегда рабочий notepad который всегда готов к работе, хоть на стационарном компьютере, хоть на ноутбуке.

скачать версию Notepad++ с установкой (с официального сайта notepad-plus-plus.org).

Подсветка кодов в редакторе

Его вес (объем) – не единственный его плюс. У этого php редактора есть еще одно достоинство – подсветка php кода, что в разы упрощает работу с кодом. Подсветка кода у Notepad++ есть не только для php но и для html и любого другого кода.

Благодаря наличию подсветки синтаксиса в Notepad++ очень удобно разбираться в любом коде и даже новичок сможет понять как устроена та или иная программа. Например, моя супруга, совершенно не понимая принципов программирования поняла где и какой тег не закрыт и как его нужно закрыть.

Ну и конечно программа Notepad++ – Это наверное самый быстрый редактор, который я встречал на своем пути блоггера.

Подсветка синтаксиса в Notepad++

Я еще кое-что хотел бы рассказать о подсветке синтаксиса в этом замечательном редакторе. В нем я нашел уникальную возможность. Он позволяет настраивать цвета подсветки синтаксиса php кода (или другого кода) так, как нравиться именно вам и сохранять вашу цветовую схему. Цветовая схема настраивается именно на тип тегов. Например на теги, которые отвечают за числовые значения, или строковые и так далее (картинка кликабельна).

Как вы видите из скриншота – Notepad++ позволяет настраивать цветовые гаммы синтаксиса не только php, но и для любого языка программирования. В левой колонке выбирается язык программирования, во второй слева — тип тега и цвет. Верхний вариант окраски (на скриншоте – оранжевый) – это цвет самого текста. Нижний цвет (на скриншоте – белый) – это для фона под текстом тега. Справа Вы видите настройку шрифта, размера, жирность и прочие параметры текста.

Автоматическое дописывание тегов

Также в этой полезной утилитке есть возможность автоматического дописывания тегов.

Например, Вы не помните как точно пишется тот или иной тег, но точно знаете первые буквы тега. Вам осталось написать эти первые буквы, нажать CTRL + Пробел и перед вами распахнется окно с возможными вариантами написания этого тега.

Простановка маркеров в редактируемом коде

Также следует отметить, что при работе с Html или PHP кодом в окне Notepad++ у каждого из вас есть возможность ставить пометки (маркер). В нужной строке Html или PHP кода, где вы хотите сделать свою пометочку – вы можете поставить на левом поле щелчком мыши маркер в виде синей точки. Также есть возможность поставить маркер сочетанием клавиш CTRL + F2 . А потом можно будет листать маркеры (пометки) клавишами F2 и SHIFT + F2 (если хотите листать в обратную сторону).

Краткий обзор плагинов Notepad++

В этой же статье я решил описать некоторые плагины из числа основных, т.е. которые входят в число «must have». Сегодня наверное любая сборка редактора Notepad++, которую вы скачиваете даже с официального сайта, включают в себя очень много довольно полезных плагинов, однако новички не подозревают о существовании этих плагинов и не в курсе как их включать и для чего они вообще нужны. Поэтому поговорим и на эту важную тему.

Выбор и активация плагинов

Все плагины хранятся вот тут (ну это так, на всякий случай):

\папка с notepad++\App\notepad++\plugins\

Просмотреть список доступных плагинов можно из самого редактора. Для этого нужно перейти по вкладкам на команду «Show Plagin Manager», как показано на следующей картинке:

Здесь мы видим список плагинов Notepad++. Чтобы активировать или проинсталлировать любой из плагинов – нужно выделить их (поставить галочки) и нажать на кнопку «Install». После этого можно будет использовать эти плагины в работе.

Закладки в верху активационного меню плагинов (выделены в красную рамочку) означают:

Доступные для установки / Требующие обновления / Уже установленные

Список плагинов с описанием

Теперь перейдем непосредственно к обзору плагинов Notepad++

Auto save . Этот плагин помогает в авто режиме сохранять ваш документ. Есть настройки - например, сохранять при потере фокуса.
Compare . Аналог плагина winmerge. Помогает сравнивать ваши файлы. Отличия конечно подсвечиваются цветом.
Document Monitor . Проверяет ваш документ - возможно он был изменен другим приложением.
Explorer . Добавляет обозреватель файлов в блокнот. А еще есть плагин LightExplorer.
Falling bricks . Добавляет игру – тетрис. Мне понравился – люди моей эпохи (эпохи денди) – тоже оценят, я думаю.
File switcher . Позволяет пользователю переключатся между несколькими файлами. Полезно если у вас открыто, например, 30 файлов.
Gtag seach . Поиск по тегам.
HEX-editor . HEX редактор прямо в блокноте. Добавляет иконку быстрого вызова. Сам не использовал, но думаю спецам удобно.
HTML tag . Добавляет горячие клавиши, которые помогают в работе с документов, например позволяют скопировать содержимое между тегами одним нажатием.
JSMin . Плагин для javascript. Удаляет все переносы и отступы в целях уменьшения веса.
Language help . Позволяет запускать спец файлы помощи (CHM, HLP, PDF) , искать слова в них.
MathPad . Позволяет производить любые расчеты прямо в документе.
MIME Tools . Маленьки полезный плагин, добавляет base64 code/decode. Printed quotable…
MultiClipboard . Плагин ведет историю буфера обмена. Удобно кода много копипастим одно и тоже. Вот скопипастили, потом еще что-то скопировали, и вам нужно вернуться к тому, что вы копировали предпоследний раз. Быстро и удобно.
NativeLang . Позволяет перевести плагин или меню на ваш язык. Просто переводчик меню навигации.
NppAutoIndent . Умный авто-отступ для языков C/C++, PHP, Java и других.
NppCrypt . Добавляет возможность закриптовать (зашивровать/закодировать) файл, чтобы в нем никто больше не колупался.
NppExec . Добавляет возможность запуска командной строки с параметром. Ну это для профессионалов.
NppExport . Позволяет экспортировать файл в rtf, html.
NppFTP . Фтп в вашем блокноте.
NppNetNote . Позволяет редактировать файл нескольким людям одновременно! Прямо чат устраивать можно.
Plugin Manager . Менеджер плагинов. Позволяет скачивать/удалять плагины. Удобно.
Plugin Update . Плагин обновляет плагины. Автоматически проверяет последнюю версию. Полезная штука.
Regex Helper . Один из полезнейших плагинов для профессионалов веб-разработки. Позволяет протестировать регулярное выражение.
Run Me . Тоже что то типа NppExec. Есть настройки.
ScrollPastEOF . Позволяет скролить файл до бесконечности.
Select N Launch . Позволяет сохранить выделенный кусок файла в новый, с нужным расширением.
SnippetPlus . Тоже что и Snippets только более продвинутая версия.
SourceCookifier . Создайт некое превью, типа дерева.
Speech . Плагин проговаривает выделенный текст.
Spell-Checker . Проверка слов, типа вордовской. Нужно предварительно установить Aspell.
WebEdit . Быстрая вставка тегав. Добавляет кнопочки тегов.
XBrackets Lite . Автодописка скобочек.
Zen Coding - Python . Плагин zen coding под питон. Для профессионалов.

Да-да. Такая, казалось бы, простейшая программа имеет туеву хучу плагинов. Например я использую плагины Auto save, Compare, Plugin Manager, Select N Launch и др.

Кодировка WordPress и редактор Notepad++

Что такое кодировка? Весь текст, которые вы видите на своих экранах – это числа. Удивлены? Оказывается да. Дело в том, что комьютеры понимают все в цифрах и каждый символ – имеет свой код. Так вот. Кодировка – это можно сказать таблица символов, по которой компьютер определяет, какой символ вам показать. Вот например если вы будете видеть мой блог вот так:

Это кодировка называется windows-1251. Она уже считается устаревшей. Кроме неё есть куча всяких разных кодировок и всех их нам знать и не нужно. Главное знать, что сейчас все используюткодировку UTF-8. Именно с её помощью можно смотреть понятные нам, читаемые, символы. А какая кодировка у WordPress? Конечно самая распространенная, так сказать общепринятые стандарт – UTF-8.

Если Вы пользуйтесь браузером Google Chrome, то можете попробовать изменить кодировку сайта, если открываются вам кракозябры. Для этого Вам нужно войти в раздел «Настройка и управление» и в ниспадающих меню выбрать пункт «Кодировка» как в следующем рисунке (кликабельно!):

Список кодировок будет довольно большим. Можете поэкспериментировать с каждой из них. 🙂

А теперь давайте к кодировке попытаемся пристыковать Notepad++. Почему я о нем упомянул в подзаголовке? Очень просто. При редактировании шаблонов, или при создании новых документов или php-файлов, нужно сохранять и пересохранять все наши файлы в кодировке UTF-8 причем с одной поправкой.

Раньше я всегда думал, что UTf-8 – это все, что нужно знать. Пока не встретился с одним неприятным косяком — все файлы идут в кодировке UTF-8 , а сайт запускается все равно в неправильной кодировке. Почему? И тут в игру вступает так называемый UTF-8 без BOM.

Чем отличается «UTF-8» от «UTF-8 без BOM»?

Дело в том, что в процессе развития кодировок, в том числе и кодировок UTF, добавили возможность записи символов, как в прямой последовательности (например, C2 AD), так и в обратной последовательности (например, AD C2).

И чтобы компьютер знал, в какой последовательности читать код, был изобретен этот пресловутый BOM (Byte Order Mark). Вот и все. Другими словами, BOM – это пометка, с какой стороны читать код символа.

Именно поэтому, в целях корректного отображения текста в вашем блоге WordPress, необходимо использовать кодировку UTF-8 (без BOM). В Notepad++ можно не только создавать, но и преобразовывать тексты в UTF-8 с/без BOM.

К слову скажу, что использование на блоге иных кодировок и наличие в них пометки BOM может сказаться не только на отображении текстов в самом блоге, но и привести к другим, более тяжелым последствиям. Например, к неработоспособности RSS ленты. Эта проблема, кстати, является достаточно большой и тяготит не мало блоггеров.

Заключение

В заключение хочу сказать, что я описал далеко не все прелести редактора кода Notepad++ . Чтобы описать все его достоинства, нужно будет писать такую портянку текста, что Вы, дорогие читатели, просто забьете на блог Максима. Я очень надеюсь, что Вам хватит смелости разобраться в мелких деталях самостоятельно. Ну а если все-таки у вас возникнут какие-то вопросы, я с радостью на них отвечу. Задавайте их в комментариях, давайте обсуждать.

Спасибо, Денис, за столь серьезный обзор по программе Notepad++! Уверен, что многие блоггеры, которые увидят данный пост, еще раз оценят возможности этого редактора. А он действительно хорош, сам давно им пользуюсь.

Кстати, мои читатели видели и более длинные посты, поэтому они без проблем осилят твой пост. 🙂

Уважаемые читатели! Если у Вас возникли вопросы к Денису или ко мне по поводу использования редактора Notepad++, обязательно пишите в комментариях к этой статье.