Подсветка ошибок php notepad

Здравствуйте, уважаемые посетители моего скромного блога ZametkiNaPolyah.ru. Сегодня я бы хотел поговорить о том как сделать процесс написания наших PHP-скриптов, HTML-страниц и другого кода намного более комфортным и простым и при том не потратив на это ни цента, ни копейки, ведь на начальной стадии, будь-то блогер или программист не имеет возможности тратить приличные суммы на покупки дорогих и многофункциональных редакторов, так как сайт блогера не приносит ему дохода, а к молодому программисту еще нет доверия, даже на различных биржах фрилансеров нужно заработать себе рейтинг и иметь хоть не большое, но портфолио. Сейчас в интернете Вы сможете скачать множество бесплатных PHP и HTML редакторов, но их функционал меня мягко говоря не всегда впечатляет, возможности блокнота в Windows вовсе ущербны.

И вот тут нам на помощь приходит чудесный редактор PHP, HTML, JavaScript, который можно скачать бесплатно — Notepad++. В Notepad++ можно работать и с другими языками программирования, но мы-то его собрались использовать в сфере web-программирования, кстати Notepad++ будет подсвечивать и ваши SQL запросы. Представляете, какая получается красота. Скачали и поставили вы Denwer, установили себе Mozilla FireFox прикрутили к нему два полезных для веб-разработчика плагина: первый — Web Developer и второй — FireBug. Осталось найти удобный, функциональный, с подсветкой синтаксиса и желательно бесплатный редактор, всеми этими качествами обладает редактор Notepad++, которому и посвящена эта публикация.

Возможности редактора Notepad++. Где бесплатно скачать Notepad++.

У обладателей операционных систем Windows уже есть один бесплатный редактор — Блокнот(Notepad), но мягко говоря возможности Notepad сведены к минимуму. А вот о возможностях Notepad++ можно говорить долго и упорно. Сравнивать Блокнот с Notepad++ как минимум некорректно.

А вот сравнить Notepad++ с платными аналогами вполне реально, но плюс Notepad++ сразу очевиден — он бесплатный.  Вторым плюсом данного редактора является тот факт, что разобраться с его возможностями куда проще чем скажем с редактором Dreamweaver, так же он более легок в том плане, что занимает гораздо меньше места на Вашем компьютере, не говоря уже о том, что в Notepad++ HTML-документы, скрипты PHP и JavaScript открываются гораздо быстрее, чем в том же Dreamweaver. То есть гораздо быстрее открыть файл с расширением PHP в редакторе Notepad++, нежели в том же Dreamweaver и что-то быстро в нем подправить.

Кроме того, Вы сможете использовать Notepad++ не устанавливая его на свой компьютер(так называемая портативная версия Notepad ++ rus) и запускать его с флэшки на любом компьютере, тем самым всегда имея под рукой удобный, функциональный, с подсветкой синтаксиса, бесплатный и легко доступный для Вас редактор для  HTML , PHP и JavaScript кода(заметьте, синтаксис, который «знает» Notepad++ не ограничивается языком разметки гипертекста(HTML), каскадных таблиц стилей CSS, PHP и JavaScript).

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

Протативную версию HTML и PHP редактора Notepad++ — Notepad++ Portable, Вы сможете перейдя по этой ссылке — скачать Notepad++ Portable. Или же прямо с сайта разработчика редактора Notepad++. Заходите в раздел Download, и выбираете Notepad++ zip package ,  скачанный архив Вы можете распаковать на внешний носитель, после чего у Вас будет всегда под рукой бесплатный редактор Notepad++.

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

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

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

Редактор с подсветкой синтаксиса Notepad++.

Ну очевидно, что если Notepad++ редактор с подсветкой синтаксиса, то и первая его возможность — это подсветка синтаксиса, а список языков, синтаксис которых распознает редактор Notepad++ очень огромен, как я уже говорил, Notepad++ «знает»: HTML — язык разметки гипертекста, PHP, CSS, JavaScript, MySQL (точнее SQL), C, C++, Java, C Object (если правильно помню), Python, Perl, XML и так далее список можно продолжать долго, а все языки синтаксис которых распознает Notepad++ Вы сможете увидеть если попытаетесь сохранить файл в редакторе Notepad++.

Обратите внимание, что список языков синтаксис, которых распознает бесплатный редактор Notepad++ просто огромен! То есть Notepad++ может быть полезен не только в сфере web-программирования.

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

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

Например у нас возникло желание подсветить синтаксис PHP, из большого списка выбираем букву P, а из появившегося контекстного меню уже выбираем PHP, по аналогии мы можем поступить и с CSS, HTML или JavaScript.

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

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

Так же в редакторе Notepad++ есть возможность подсвечивания отдельных блоков кода с помощью подсветки скобок вида { } [ ] ( ). Что бы подсветить отдельный блок, достаточно поставить курсор мыши между какими-либо скобками, и эти скобки подсветятся, как бы выделяя начало и конец блока HTML или PHP кода. Удобно, не правда ли, особенно тогда, когда у вас возникнет потребность вставки в HTML-страницы блоков PHP кода или же наоборот.

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

Да Вы не ослышались, в Notepad++ можно настроить подсветку синтаксиса причем для каждого языка в отдельности, будь-то PHP, SQL, Язык Разметки Гипертекстов(HTML), каскадных таблиц стилей(CSS), JavaScript (все языки долго перечислять) и настроить подсветку в Notepad++ можно так как Вам будет нравится, сразу скажу, что каких-то определенных настроек в Notepad++ касаемых подсветки синтаксиса я не делал, но если Вас не устроит настройка подсветки по умолчанию, Вы ее сможете изменить. Достаточно в верхнем меню редактора Notepad++ выбрать пункт «Опции», а из появившегося меню выбираем пункт «Определение стилей».

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

Если у Вас возникнет необходимость вывести на печать HTML-документ или PHP код, сделать Вы это сможете из окна редактора Notepad++, на печать пойдет код примерно в том же виде, который Вы видите, грубо говоря если в Notepad++ включена подсветка синтаксиса — то текст, который будет напечатан сохранит все цветовое оформление исходного файла, включая и его стили. Но это так по умолчанию, в общих настройках Notepad++ мы посмотрим как это изменить.

Пробельные символы в Notepad++

В статье HTML теги, часть 1. Тэг PRE авторское форматирование, тэг BR перенос строк. Пробельные символы, я уже рассматривал вопрос о том как можно увидеть пробельные символы в Notepad++, а так же мы с Вами посмотрели, как можно изменить размеры табуляции в Notepad++.

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

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

Настройка размера табуляции в Notepad++

Размер табуляции в Notepad++ так же мы сможем настроить. В верхнем меню программы выбираем пункт «Опции» из появившегося меню выберем пункт «Настройки…»  появится окно, в меню которого нам нужен пункт «Синтаксис/табуляция»:

Обратите внимание, что в Notepad++ можно выбрать и настроить табуляции для каждого из поддерживаемых языков в отдельности, а можно установить единую табуляцию для всех языков, размер табуляции вы сможете изменить просто нажав по цифре справа от слова «Размер».

Кодировка в Notepad++

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

Что бы посмотреть, какая кодировка у открытого документа, а так же изменить кодировку документа в окне редактора Notepad++ выбираем пункт кодировка:

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

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

«.

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

Небольшое дополнение при работе с кодировками. На втором скрине этого раздела статьи, Вы можете видеть такие надписи, «Преобразовать в UTF 8 без BOM», «Кодировать в UTF8 без BOM». Вот о этом самом BOM я и хотел бы поговорить. Всё дело в том, что когда вы работаете с файлами сайта в обычном редакторе Windows (Блокнот и т.д.), то при сохранении его в кодировке UTF-8 происходит добавление невидимых символов (BOM), которые могут существенно подпортить Ваши нервные клетки  так эти невидимые символы могут существенно повлиять на работу Ваших скриптов (Например интерпретатор PHP может кричать, что произошла ошибка в файле, в котором ошибки и близко нет).

Поэтому если Вы хотите сохранить свои нервы и время, не работайте с кодировкой UTF-8 в стандартном блокноте Windows, а использовать для этого редактор Notepad++.

Основные настройки  PHP, HTML, JavaScript редактора Notepad++

Давайте теперь посмотри, что, где и как мы сможем настроить в редакторе Notepad++. И так все основные настройки редактора Notepad++ находятся в верхнем меню программы, пункт «Опции», а из появившегося меню выбираем пункт «Настройки…». У нас открывается окно с несколькими вкладками. Где мы можем настроить редактор так, как нам будет удобно.

Общие настройки Notepad++

И так первым пунктом нашей программы идут общие настройки редактора Notepad++:

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

Вот так выглядят мелкие значки панели инструментов Notepad++ :

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

А вот так выглядят стандартные мелкие значки панели инструментов Notepad++ :

Функционал панели инструментов Notepad++ при изменение стилей панели инструментов никак не изменяется, какой стиль значков Вам нравится, такой и выбирайте.

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

В моем случае: тип документа PHP, длина документа 1879 символов, 65 строк, координаты курсора: 61 строка, 30 столбец, формат документа UNIX, кодировка ANSI. Строку состояний Вы так же сможете скрыть в Notepad++, просто поставив галочку. Последняя настройка в этом окне это -панель вкладок Notepad++. Тут думаю все просто.

Правка в Notepad++

Теперь по подробнее рассмотрим настройки правки в Notepad++:

Эти настройки отвечают за мелкие удобства при редактирование текста. В блоке настроек «Знак вставки» вы можете настроить толщину и частоту мерцания курсора в редакторе Notepad++, мелочь а приятно все-таки. В блоке настроек

«Оформление границ блока» вы сможете настроить левую границу Вашего редактора.

А именно-то, как будут отбражаться вложенные участки кода(к примеру структура HTML документа, когда главный элемент HTML, а внутри него лежат HEAD и BODY). При помощи данных настроек Вы сможете либо скрыть, либо изменить оформление границ блока, если Вас не устраивают квадратики стоящие по умолчанию(как на скрине).

Если Вы выбирите простые, то вместо квадрата в случае закрытого блока будет символ «+», в случае открытого «-». Если хотите оформление в виде стрелок, то открытые блоки будут обозначаться стрелкой направленной вниз, закрытые — стрелкой направленной вправо.

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

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

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

В Notepad++ Вы сможете задать свойства вновь созданного документа:

В блоке настроек «Формат» можно задать формат документа под различные платформы, макинтош, окна или униксы, различия будут и различия существенные, используйте Unix, даже если работаете в Windows. В блоке настроек «Кодировка» Вы сможете задать кодировку для новых документов, а можете настроить авто преобразование кодировок для открываемых документов, в случае ANSI. Так же Вы можете задать синтаксис и его подсветку для только что созданного файла(расширение при сохранение файла в этом случае будет назначено автоматически и будет совпадать с выбранным языком, но при сохранение у Вас останется возможность выбрать другой язык), справа в этом окне Вы без проблем сможете указать рабочую папку или же дать указание для Notepad++ куда сохранять файлы, что бы каждый раз не выбирать нужную директорию.

Ассоциации файлов Notepad++

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

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

Настройка печати в Notepad++

Теперь давайте посмотрим, как можно настроить печать в бесплатном редакторе с синтаксической подсветкой Notepad++:

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

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

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

Так же в этих настройках Вы сможете указать вверху в выпадающем списке, что будет являться колонтитулом(Дата и время, название документа, название директории и т.д.)

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

В Notepad++ можно быстро и легко настроить резервное копирование, а именно указать папку для резервного копирования, а так же какую копию делать. Так же в Notepad++ есть автозавершение:

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

Разные настройки Notepad++

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

И последний пункт настроек Notepad++ — разные. Во-первых здесь можно задать, сколько Notepad++ будет запоминать файлов, которые Вы открывали и редактировали, по умолчанию он запоминает 15 файлов(как это изменить Вы знаете, жмемте по числу, затем в появившееся окно вводите своё число и подтверждаете путем нажатия Enter) .

Ну все наверное знают, что в ОС Windows между окнами можно переключаться нажимая alt+tab, а вот в Notepad++ между окнами можно переключаться нажимая ctrl+tab, причем такой способ переключения можно отключить либо сделать его односторонним.

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

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

Здравствуйте уважаемые читатели блога Lessons-Joomla.ru. В данном уроке я хочу рассказать о замечательной программе Notepad++. Текстовый редактор встроенный в Windows (блокнот Windows) отличается от Notepad ++ так же, как первый компьютер от современных. В первом текстовом редакторе, есть возможность просмотра и создания простейших текстовых файлов и больше ничего.

Естественно что использование редактора Notepad++ вместо стандартного блокнота Windows может показаться вначале пугающим и сложным. Но со временем вы не сможете работать без Notepad++ при редактировании Html или PHP кода, так же как и без файлового менеджера Total Commander и FTP клиента FileZilla.

И так начнем. Скачать редактор Notepad ++ как всегда рекомендую с сайта разработчика http://notepad-plus-plus.org/, при этом, в комплект входит поддержка многих языков, включая русский (Notepad ++ rus). Установка программы Notepad++ для работы с Html и PHP в Windows производится обычным способом.

Notepad++ имеет большие возможности в редактировании Html и PHP. Прежде всего, это, подсветка синтаксиса большого числа языков программирования,— HTML, CSS, PHP, Java Script, Perl, MySQL, C, C++, С#, Java, Pascal, Python, XML. Выбрать язык, синтаксис которого будет подсвечиваться в открытом документе, можно из верхнего меню редактора Notepad++, выбрав пункт «Синтаксис».

Подсветка синтаксиса в Notepad ++ позволит, например, проверить закрыты ли все Html теги в коде, или визуально определить, что где-то в коде у вас была допущена ошибка, т.к. изменится цветовое оформление кода в этом месте. В Notepad++ имеется подсветки скобок вида { } [ ] ( ) если курсор мыши находится между какими-либо скобками, то эти самые скобки подсвечиваются, выделяя начало и конец блока Html или PHP кода.

Кроме этого текстовый редактор Notepad++ имеет возможность отменить предыдущее действие. При этом количество шагов назад не ограничено (до момента закрытия Notepad++ ), а это позволяет не бояться экспериментировать с кодом без риска необратимых последствий. Отмена действия в редакторе Notepad++ возможна с помощью горячих клавиш Ctrl+Z (Ctrl+Y — шаг вперед, т.е. отмена произведенной отмены), или же с помощью кнопок в виде загнутых стрелочек на панели инструментов.

Текстовый редактор Notepad++ может преобразовывать так же файлы Html и PHP в кодировку UTF-8 (без BOM). А это позволяет победить проблемы с русской кодировкой при работе с сайтами созданными на Joomla. Данная функция очень пригодится нам если мы захотим русифицировать понравившейся нам компонент, модуль или плагин.

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

Вот только минимальный набор описанных мной возможностей программы Notepad++. Ей можно поставить 30 +, а не 2 как в названии.

Удачи Вам в Ваших начинаниях и при работе с Notepad++.

Здравствуйте, уважаемые читатели блога Goldbusinessnet.com. Думаю, всем известно о таком текстовом редакторе как простой блокнот (Notepad), который поставляется в комплекте ПО операционной системы Windows. Так вот, несмотря на общность названий, разница между ним и нашим сегодняшним героем Нотепад плюс плюс такая, как между первым черно-белым телевизором и современным HD устройством с кучей функционала.

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

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

Скачивание, установка Нотепад ++ и его базовые опции

Итак, скачать Notepad rus (на русском) вы можете с официального сайта этого софта, где всегда найдете актуальную на текущий момент версию (кликните по ссылке «Download» свежего релиза, расположенного в самом верху странички):

При этом, в комплектацию программы включены десятки языков, в том числе и русский. Очень важный момент: если у вас вариант 64-битной Виндовс, то менеджер плагинов (Plugin Manager) будет недоступен и его придется устанавливать отдельно (это очень нужный модуль, который экономит массу времени в процессе расширения функционала). Имейте это ввиду.

Кроме всего прочего, отсюда вы можете скачать и портативную версию Notepad plus plus, которая не требует инсталляции. Просто распаковываете архив и пользуетесь.

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

А теперь отметим для себя преимущества Нотпада с двумя плюсами, которые делают его самым востребованным и популярным:

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

Далее выделим наиболее полезные и часто используемые функции этого редактора. При этом будем исходить из того, что данный софт предназначен в первую очередь для составления и изменения содержания документов, написанных на самых различных языках программирования, а также HTML, CSS и PHP файлов, которые применяются при создании сайта, в том числе на каком-то из современных движков (здесь сведения о лучших CMS).

Самые полезные возможности продвинутого блокнота

1. Поиск (горячие клавиши Ctrl+F) выражений, слов или совокупности определенных символов и знаков можно производить как в открытых документах, так и во всех текстовых файлах, находящихся в конкретной папке:

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

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

Причем, есть очень полезный инструмент подсказки, который выводит сообщение «CONFLICT FOUND!» при попытке создать сочетание клавиш, которое уже имеется в списке. Это очень удобно, поскольку нет необходимости каждый раз вручную перелопачивать весь перечень по этому поводу. В этом случае просто указываете другой вариант горячих клавиш.

3. Подсветка синтаксиса для нескольких десятков языков программирования (Assembly, Batch, C++, CSS, Diff, Erlang, Forth, HTML, Intel HEX, Java, Javascript, Pascal, PHP, Ruby, Shell, SQL, XML и других). Установить подсветку для документа на нужном языке можно из раздела «Синтаксисы» того же верхнего меню:

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

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

Эти действия позволительно реализовать также посредством горячих клавиш Ctrl+Z (назад) и Ctrl+Y (вперед). Поскольку число таких шагов ничем не лимитировано, вы получаете отличную возможность спокойно тестировать различные варианты документов при редактировании, не опасаясь сотворить какую-нибудь критическую ошибку, способную привести к фатальным последствиям. К слову, отмена или повтор действий производится и из раздела «Правка»:

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

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

Кроме того, вкладки можно перетаскивать, зажав мышкой, в любом направлении, сворачивать, а также закрывать их нажатием на крестик:

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

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

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

Функционал для работы с документами в редакторе

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

1. Notepad plus plus позволяет проконтролировать, все ли HTML теги закрыты. Если кликнуть по какому нибудь открывающему тегу в документе, то при наличии закрывающего (или наоборот) оба они будут подсвечены. Более того, пунктирная линия, соединяющая их, даст представление о содержании, расположенном внутри блока, который находится между этими тегами:

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

2. С помощью той же подсветки кода мы определяем, не отсутствует ли какой-нибудь важный элемент в коде. После приобретения некоторых навыков вы уже сможете находить такой участок не напрягаясь по изменившемуся цвету определенного фрагмента, который логически с ним связан. Вот пример двух вариантов одного и того же кусочка PHP кода, где в первом случае не достает одного элемента (на скриншоте он сверху), а во втором — ошибка исправлена:

Обратите внимание на код, находящийся в верхней части. Цвет угловой скобки, расположенной после отсутствующего символа, отличается от расцветки открывающей скобки. В результате исправления ошибки путем вставки недостающего знака их цвет стал одинаковым. Кроме того, посмотрите на участки кода до и после редактирования (куски, обведенные красной и зеленой рамкой соответственно). Заметили разницу?

3. Посредством той же подсветки синтаксиса можно выделять кодовые фрагменты, которые заключены в фигурные {}, квадратные [] или стандартные () скобки. При щелчке по одной из них (неважно, закрывающей или открывающей) подсвечиваются обе, что тоже очень удобно:

4. Автозавершение является еще одной фишкой, призванной облегчить работу с текстовыми файлами. Эта опция, установленная по умолчанию, дает возможность автоматически завершать набираемое вами слово. С этой целью достаточно выбрать из таблички с подсказкой нужное (например, свойство CSS) и нажать «ENTER »на клавиатуре:

5. Перемещение документа, ярлык которого находится на рабочем столе, прямо в окно Нотепада plus plus — еще одна возможность оптимизации работы с файлами. Ну, это совсем несложно, тем более, что такая операция наверняка вам известна, поскольку предусмотрена во многих программах. Просто хватаете c поверхности рабочего стола ярлык нужного документа мышкой и осуществляете знакомое действие «drag-and-drop» (бери-и-брось).

6. Перетаскивание выделенного фрагмента кода внутри самого документа. И здесь все проще простого: выделяете курсором нужный кусок, зажимаете его мышкой и помещаете в нужное вам место.

7. Есть возможность ставить маркеры в важных местах содержания открытого в окне блокнота документа. Это еще один шажок разработчиков по направлению к пользователям. Выбираете нужную строку и ведете курсор влево, пока он не примет вид стрелки, направленной вверх-вправо. После этого щелкаете левой кнопкой мышки, в результате чего появляется отметка, напоминающая объемное изображение шара синего цвета:

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

8. В случае использования в работе HTML файла существует возможность просмотреть вид кода в соответствующем браузере. Для этого используйте «Запуск» из верхнего меню:

Выбираете из списка обозреватель (Firefox, IE, Chrome или Safari) и жмете на него левой кнопкой мышки. Ежели вы планируете лицезреть код в другом браузере, то кликаете по первой строке «Запуск», а затем вводите местоположение нужного файла .exe:

Далее запускаете обозреватель (в моем примере это Opera), щелкнув по соответствующей кнопке.

9. Сохранение файла в нужной кодировке очень важный момент. При создании сайтов различной направленности мне очень часто удавалось избегать появления кракозябров, которые возникают из-за сохранения документа с русским текстом в Windows-1251. Вот пример:

Чтобы избежать этой неприятности, надо перед вставкой текста на русском языке на вебсайт применять для содержащего его файла кодировку UTF-8 (без BOM). Либо преобразовать в эту кодировку уже имеющийся документ, после чего кракозябры будут успешно заменены вполне читабельным текстом. В Notepad плюс плюс для этого есть все возможности:

Нужно обязательно использовать UTF-8 (без BOM), так как при кодировке в UTF-8 может происходить добавление невидимых символов, в результате чего отображение текстового содержания может быть некорректным либо нарушена работоспособность всего файла, отвечающего за отображение тех или иных элементов.

По этой причине в Нотепаде ++ по умолчанию уже установлена опция преобразования всех новых документов в UTF-8 (без BOM) (в самих настройках она указана как UTF-8):

Советую во избежания неприятностей в таком виде так все и оставить.

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

Для чего нужен Менеджер плагинов и как его использовать

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

И вот здесь Plugin Manager (Менеджер плагинов) играет не последнюю роль. Именно с помощью этого модуля можно быстро найти нужные плагины (которых, кстати говоря, целая уйма) и затем добавить их безо всяких проблем в редактор. Перейти к Менеджеру можно из верхнего меню:

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

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

Как я отмечал в начале статьи, Менеджер должен находиться в комплекте с самим Нотепадом, если вы устанавливаете программу на 32-битную ОС Виндовс. Для 64-битной вариации этой операционной системы Plugin Manager в составе редактора отсутствует.

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

Поэтому я решил втолкнуть в эту и так объемную статью еще и информацию о том, как добавить Plugin Manager отдельно, если он отсутствует. Думаю, это кому-нибудь да поможет.

Как установить Plugin Manager при его отсутствии в комплекте

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

Скачиваете архив ZIP на компьютер и распаковываете его. После распаковки перед вами будут две папки, вам понадобится только «Plugins». Открываете ее и перемещаете находящийся там файл PluginManager.dll в директорию установленной программы Notepad++ — plugins. Затем перезагружаете программу, если она у вас была открыта, после чего Менеджер обязательно должен появиться на своем законном месте.

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

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

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

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

1. Compare — дает возможность сравнить два документа. Но сначала его необходимо установить через Plugin Manager:

Чтобы активировать работу плагина, нужно из верхнего меню перейти в «Плагины» — «Compare» — «Compare» либо использовать клавиши Ctrl+Alt+C (не забывайте о возможном конфликте). В итоге в окне программы наряду с документом в активной вкладке откроется содержание соседнего файла:

Для удобства анализа двух CSS, HTML, PHP или простых текстовых документов Нотепад осуществит подсветку различий в каждом из них. Причем, для сравнения можно располагать их содержание как в вертикальном, так и в горизонтальном положении.

Чтобы поменять вид отображения, подведите курсор к разделительной полосе, кликните правой кнопкой мышки и из появившегося контекстного меню выберите «Rotate to left» или «Rotate to right» (повернуть направо или налево).

Возврат в стандартный режим работы можно осуществить двумя путями. Для закрытия активного сеанса сравнения файлов надо из того же раздела «Плагины» — «Compare» нажать на строчку «Clear active compare» либо использовать сочетание клавиш Ctrl+Alt+X.

А с целью очистки всех результатов сравнительных анализов примените пункт «Clear all compares» или Ctrl+Alt+Shift+Z (кстати эти горячие клавиши уже в моей редакции, поскольку произошел-таки конфликт, о возможности которого я говорил в начале этого раздела статьи).

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

В качестве примера я опишу действие одной из них (выделена на выше находящемся скриншоте красной рамкой), которая инициирует автоматическое закрытие HTML/XML тегов. Если вы активируете эту опцию простым нажатием на нее, то ко всем парным открывающим HTML тегам, которые вы будете вводить, автоматически добавится закрывающий.

3. WebEdit — плагин, помогающий заключать нужный фрагмент в тот или иной HTML тег (это могут быть списки, таблицы, заголовки разного формата, контейнеры div и т.п.):

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

4. Light Explorer — открывает Менеджер файлов в левой части окна редактора. После инсталляции посредством Менеджера и стандартной перезагрузки блокнота с 2 плюсами для активации достаточно кликнуть по его названию из списка «Плагины»:

Кстати, и здесь ввиду имевшего место конфликта быстрых клавиш мне пришлось установить новое сочетание (Alt+E) вместо автоматически сформированного Alt+A.

Применение Notepad++ для ФТП-соединения с удаленным сервером посредством плагина NppFTP

Это, пожалуй, один из самых востребованных плагинов для тех, кто занимается вебмастерингом, поскольку позволяет соединяться по ФТП с хостингом, где «живет» сайт, и редактировать файлы ресурса на удаленном сервере. Конечно, для решения такой задачи есть еще и менеджер FileZilla, но в определенных ситуациях работать с текстовыми файлами мне, например, удобнее в продвинутом Нотепаде. После установки расширение должно появиться в списке «Плагины»:

Если нажмете на пункт «Show NppFTP Window», то справа появится специальное окно, в котором после соединения будут отображаться все файлы на удаленном сервере. Если вы далее планируете использовать Нотепад в качестве FTP клиента для редактирования файлов сайта, щелкните по значку шестеренки и выберите из выпадающего меню «Profile Settings»:

Прежде всего, нажатием кнопочки «Add new» вызваете диалоговое окно, в котором прописываете название профиля, вписываете домен сайта (Hostname) и определяете тип протокола (FTP).

Имя пользователя (Username) и пароль (Password) для соединения по ФТП обычно высылаются на электронную почту при регистрации места для сайта либо эту информацию можно найти в панели управления, где вам будет предоставлен аккаунт в процессе покупки хостинга (здесь все подробности этой операции).

Нужно иметь ввиду, что при снятой галочке напротив опции «Ask for password» у вас будет возможность внести в соответствующее поле пароль доступа к файлам вебсайта. Но гораздо более безопасно заполнить все-таки чекбокс и каждый раз при соединении с сервером вводить пассворд, который будет запрашивать Notepad. При этом для хранения и автоматического ввода паролей лучше всего применять какой-нибудь надежный сторонний софт (рекомендую KeePass).

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

Проверка орфографии текста с помощью DSpellCheck

Задачей этого популярного дополнения является осуществление тестирования правописания текстов с точки зрения грамматики. В принципе, данный плагин уже должен присутствовать в базовой комплектации программы и активироваться из верхнего меню (ежели все-таки он отсутствует, то установите его через Plugin Manager, благо операция уже знакома):

По умолчанию есть возможность проконтролировать на правильность написания исключительно англоязычные документы (чтобы проверка осуществлялась на автомате, нажмите «Spell Check Document Automatically»). Для того, чтобы установить, скажем, русский язык, потребуется еще загрузить и соответствующий словарь.

Прежде, чем идти дальше, отмечу следующий важный момент. Возможно, в обычном варианте инсталлировать словарик вам не удастся, поэтому лучше открыть Notepad с администраторскими правами (для Windows 7, например, требуется кликнуть по ярлыку редактора правой кнопкой мышки и выбрать из контекстного меню пункт «Запуск от имени администратора»).

Продолжим. Для установки словаря надо перейти в настройки, щелкнув по пункту «Settings…»:

Тут лучше использовать дефолтную библиотеку Hunspell, поскольку в этом случае не придется предпринимать никаких дополнительных телодвижений кроме, собственно, установки словаря для нужного языка. Жмете на кнопку «Donload Dictionaries», после чего выбирайте подходящий язык (в данном примере — русский) из перечня поддерживаемых:

Через некоторое время появится сообщение, что словарик для русского языка инсталлирован. Жмете «ОК», после чего из выпадающего списка напротив опции «Language» находите «Russian»:

Щелкаете последовательно по кнопочкам «Apply» и «OK», этими действиями вы подтверждаете сохранение настроек. В итоге в списке DSpellCheck появится русский наряду с английским и впоследствии вы сможете переключаться между ними для проверки документов на этих языках:

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

Тем более, что при проверке орфографии текста в HTML формате можно установить подсветку тегов, в то время как сам текст будет черным. Слова с грамматическими и стилистическими ошибками будут подчеркнуты красной волнистой линией.

I’ve recently begun using Notepad++, and have found a part of its styling functionality that confuses me.

I’m currently attempting to color all of PHP’s defined functions (such as count(), strlen(), etc.). In the Settings->Style Configurator, you cannot add a new style for such a function list. Instead, I have begun editing the stylers.xml and langs.xml.

To add the new coloring, in langs.xml, I’ve modified the php section to the following:

<Language name="php" ext="php php3 phtml" commentLine="//" commentStart="/*" commentEnd="*/">
    <Keywords name="instre1">[default keywords]</Keywords>
    <Keywords name="instre2">[my function list]</Keywords>
</Language>

The [default keywords] and [my function list] are replaced with wordlists.

I’ve also edited the php section in stylers.xml to look like the following:

<LexerType name="php" desc="php" ext="">
    <WordsStyle name="QUESTION MARK" styleID="18" fgColor="FF0000" bgColor="FDF8E3" fontName="" fontStyle="0" fontSize="" />
    <WordsStyle name="DEFAULT" styleID="118" fgColor="000000" bgColor="FEFCF5" fontName="" fontStyle="0" fontSize="" />
    <WordsStyle name="STRING" styleID="119" fgColor="FF0000" bgColor="FEFCF5" fontName="" fontStyle="0" fontSize="" />
    <WordsStyle name="STRING VARIABLE" styleID="126" fgColor="FF0000" bgColor="FEFCF5" fontName="" fontStyle="1" fontSize="" />
    <WordsStyle name="SIMPLESTRING" styleID="120" fgColor="FF0000" bgColor="FEFCF5" fontName="" fontStyle="0" fontSize="" />
    <WordsStyle name="WORD" styleID="121" fgColor="008040" bgColor="FEFCF5" fontName="" fontStyle="1" fontSize="" keywordClass="instre1">True False</WordsStyle>
    <WordsStyle name="NUMBER" styleID="122" fgColor="FF0000" bgColor="FEFCF5" fontName="" fontStyle="0" fontSize="" />
    <WordsStyle name="VARIABLE" styleID="123" fgColor="0080FF" bgColor="FEFCF5" fontName="" fontStyle="0" fontSize="" />
    <WordsStyle name="COMMENT" styleID="124" fgColor="FF8040" bgColor="FEFCF5" fontName="" fontStyle="0" fontSize="" />
    <WordsStyle name="COMMENTLINE" styleID="125" fgColor="FF8040" bgColor="FEFCF5" fontName="" fontStyle="0" fontSize="" />
    <WordsStyle name="OPERATOR" styleID="127" fgColor="8000FF" bgColor="FEFCF5" fontName="" fontStyle="0" fontSize="" />
    <WordsStyle name="FUNCTIONS" styleID="128" fgColor="000080" bgColor="FEFCF5" fontName="" fontStyle="1" fontSize="" keywordClass="instre2"></WordsStyle>
</LexerType>

The changed part is the last «FUNCTIONS» line.

When I restart Notepad++ and go into the Settings->Style Configurator section, under the php language, the FUNCTIONS style exists. I can change the style’s color, and can see the entire keyword list under ‘Default Keywords’. However, it is not changing the coloring of the words in my code.

When I edit the WORD style, which contains stuff like ‘if’, ‘and’, and ‘true’, things change accordingly in my code.

Any ideas on how to make this work?