Лучшие редактор html, php кода с подсветкой синтаксиса – Notepad++ и его аналог, плагины к notepad++

Здравствуйте, дорогие читатели блога hooka-mimi.ru, я давно хочу написать про редакторы html и php кода… Давно уже начинаю подбирать материалы для изучения и последующего написания качественной статьи. Наконец-то этот вопрос можно считать закрытым. Статья написана на радость моим читателям. Очень надеюсь на ваши комментарии, на ваши вопросы, если есть конечно. Если нет – просто комментарий с благодарностью подойдет.

Долго думал в какую категорию поставить этот пост: в Это интересно (все-таки статья интересная получилась) или все-таки в CMS WordPress (т.к. статья относится скорее к вебмастерам), и в итоге я решил поставить пост в категорию Мои обзоры , потому что это, наверное, самый полный обзор, по-моему лучшего редактора с подсветкой синтаксиса notepad++ и его аналогов.

Раньше я использовал стандартный блокнот или стандартный редактор html, php кода в самом wordpress. Однако, со временем стало понятно, что их возможностей мне совсем не хватает. Особенно, когда речь идет о редактировании php кода. Notepad++ просто не заменим для этого.

Возможности Notepad++

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

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

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

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

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

Скачать notepad++

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

Скачать notepad++ бесплатно лучше всего с оффициального сайта notepad-plus-plus.org

А при необходимости можно скачать портативную версию этой программы, только уже с другого сайта portableapps.com

Портативная версия редактора 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\

Просмотреть список доступных плагинов можно из самого редактора.

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

А теперь сам обзорчик плагинов к Notepad++.

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

Еще один редактор php, html кода

Еще одним классным редактором для веб-разрабочтиков является Sublime Text, который также как и notepad++ обладает массой достоинств, например:

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

Для тех кому лучше доходит информация в видео режиме – советую посмотреть вот эти обучающие видео именно по этой программе:

И дополнение в первому видео:

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

Кодировка wordpress и редактор notepad++

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

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

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

А если вы начинающий веб-мастер или веб-программист – для вас существует качественный обучающий курс от Евгения Попова про MySQL + PHP – рекомендую. А сейчас давайте посмотрим в десерт.

С уважением, Тумилович Денис.