Notepad++ — лучший html редактор бесплатно. Где скачать, как установить. Плагины Notepad++

Автор: Рустам Борисов
Рубрика: Полезные программы
Опубликовано:
просмотров: 30413

Привет всем кто зашел на блог – www.deffekt.ru в поисках полезной информации. Вы не ошиблись в своем выборе, и я постараюсь полностью оправдать ваши намерения.

Лучший html редактор бесплатно Notepad++
В этом материале я приготовил для вас лучшую информацию о такой незаменимой программе как бесплатный html редактор Notepad++…

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

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

Что такое Notepad++

Notepad++ — это бесплатный текстовый редактор notepad с открытым исходным кодом, а это означает что программа является свободным программным обеспечением и вы можете его распространять и/или модифицировать в соответствии с условиями лицензии GNU General Public License.

Программа Notepad++ распространяется в надежде, что она будет полезной, но БЕЗ КАКИХ-ЛИБО ГАРАНТИЙ; даже без подразумеваемых гарантий КОММЕРЧЕСКОЙ ЦЕННОСТИ или ПРИГОДНОСТИ ДЛЯ КОНКРЕТНОЙ ЦЕЛИ.

Преимущества программы Notepad++

Из основных преимуществ я бы выделил следующие:

  • Как я уже объяснил выше программа абсолютно бесплатная;
  • Очень большая скорость ее загрузки (открытия);
  • С помощью установки различных плагинов для Notepad++ и сторонних модулей можно значительно расширять возможности программы в соответствии с вашими требованиями, необходимостью;
  • Русская, Белорусская, Украинская, Казахская, Узбекская локализации, для граждан пост советского пространства это дает возможность работать c использованием родных языков интерфейса (мультиязычность / multilanguage);
  • Самый важный момент это то, что программа постоянно дополняется и обновляется, я знаю php html редактор не менее талантливее, но жаль наблюдать над тем, что он не обновляется уже несколько лет (а я им все равно пользуюсь). Не говоря уж о том, сколько редакторов загнулось на моем пути и не дожило до сегодняшних дней;

Удобства и функции редактора Notepad++

  • Подсветка синтаксиса (кода);
  • Кнопка «назад / вперед» (отменяет последние выполненные действия и таким же способом позволяет возвратиться к ним снова);
  • Замена / Поиск;
  • Масштабирование текста (легко увеличить или уменьшить размер шрифта);
  • Notepad++ автоматически закрывает теги;
  • Поддержка большого количества языков;
  • Система вкладок для одновременной работы с несколькими документами;

Где скачать Notepad++

Программа совершенно бесплатная и именно поэтому я вам не предлагаю скачать notepad торрент.

Скачать Notepad++ можно с официального сайта разработчиков — notepad plus plus.

После перехода вы сразу попадаете на страницу скачивания «Download». И именно здесь вы можете скачать notepad rus бесплатно!

Cкачать бесплатно программу notepad

Последней версией редактора является Notepad++ v6.2 (дата выхода: 10.10.2012).

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

Итак, программа загрузилась и двойным щелчком запускаем мастера установки Notepad++.

Шаг 1. Выбираем язык и нажимаем «ОК».

Шаг 2. Нажимаем кнопку Далее

Установка Notepad++ | Шаг 1 - Выбор языка | Шаг 2 - Приветствие!

Шаг 3. Принимаем лицензионное соглашение – кнопка «Принимаю»

Шаг 4. Выбираем путь куда будет установлена программа, нажимаем «Далее»

Шаг 5. Установка компонентов программы.

Сразу ставим галочку перед пунктом «As default html viewer» — Средство просмотра HTML по умолчанию!

Выбор компонентов редактора Notepad++

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

Выбор нескольких языков, ветвь компонента «Localization»

В дальнейшем вы сможете их менять в «Опциях» редактора Notepad++ → «Настройки» → вкладка «Общие» → «Язык интерфейса»

Как сменить язык интерфейса в опциях редактора Notepad++
Шаг 6.

Выбираем компоненты устанавливаемой программы, ставим первую и третью галочки сверху!

  • В первом пункте нам предлагают не использовать папку «AppData» и записать файлы конфигурации редактора Notepad++ в установочной директории (которую мы выбрали на шаге№4).

При желании можно скачать папку с программой из установочной директории на съемный носитель (флешку) и у вас получится notepad Portable версия. Но лучше не устанавливать программу на USB носитель сразу, иначе не будет необходимой записи в ветке реестра и могут возникнуть проблемы с кодировкой.

Отметьте первый пункт!

  • Во втором пункте нам предлагают разрешить устанавливать плагины автоматически в директорию AppData//Notepad++//Plugins/. Откуда нам знать, что они нам туда подсунут!

Этот пункт не стоит отмечать!

  • Третий пункт — это создание иконки программы Notepad++ на рабочем столе.

Отметьте его!

  • Четвертый пункт – это использование старых иконок программы, он нам не нужен!

Шаг 7.

Завершение мастера установки Notepad++ v6.2

Нажимаем «Готово»! И на вашем компьютере сразу запустится самый лучший бесплатный html редактор Notepad++!

Как пользоваться Notepad++ , настройка html редактора

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

Как пользоваться Notepad++ , настройка html редактора

Вверху окна расположена главная панель программы «Панель меню».

Главная панель программы «Панель меню»

Ниже находится панель Инструментов. Это ваша рабочая панель. Здесь вы будете часто использовать такие команды как «Сохранить», «Сохранить как», «Закрыть вкладку», «Вставить». Кнопки «Отмена | Повтор», «Найти» и т. д.

Панель Инструментов редактора Notepad++

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

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

«Панель вкладок» и «Рабочая область» редактора Notepad++

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

Дублировать в другом окне, функция для просмотра двух документов одновременно!

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

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

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

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

Выбираете язык, например HTML, затем подсветку каких элементов этого языка вы хотите изменить и приступаете к уродованию итак вполне приличной подсветки этого языка :)

В правом нижнем углу окна расположена функция «Прозрачность», видимо для того что бы при внесении изменений в настройки синатксиса пользователь мог сразу наблюдать над тем как это выглядит,  я проверил, очень неудобно!

Обратите  внимание что открывающий и закрывающий теги DIV, как показано на изображении — подсвечиваются! Это позволяет вебмастеру легко проследить всю его ветку и что конкретно в этом теге заключено! Также для укорачивания документа, вы можете сворачивать целые фрагменты кода, смотрим ниже:

Подсвечивание парного тега и возможность сворачивать фрагменты кода

Включается и выключается функция подсветки совпадающих (парных) тегов в настройках программы → на вкладке «Разное»

Включается и выключается функция подсветки совпадающих (парных) тегов

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

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

Флажок (маркер) в виде небольшого синего шарика

Как изменить кодировку в html редакторе Notepad++

Кодировку в Notepad++ вы можете изменить в меню «Кодировки», в том случае если у вас вдруг на сайте вместо кириллицы будут отображаться знаки вопроса, вы должны знать что вы сохранили тот файл где находится текст в кодировке ANSI, откройте этот файл и измените его кодировку на UTF-8 (без BOM) и все у вас будет в порядке!

Как изменить кодировку в Notepad++

В настройках программы → на вкладке «Общие» → «Панель вкладок» я поставил галочку напротив — «Кнопка закрытия на вкладке», мне так значительно удобнее, нежели жать по ней правой кнопкой и выбирать пункт «Закрыть» или делать активной и ползти к крестику в правом верхнем углу, также я снял галочку с пункта «Уменьшить» для того что бы вкладки стали слегка по больше!

Настройка панели вкладок, кнопка закрытия на вкладке!

Вкладка «Общие» → «Панель инструментов» — Я использую стандартны значки, но к сожалению они мне кажутся слегка неудобными, большие значки мне тоже не пришлись по вкусу! «Список Документов» — я поставил галочку напротив «Отображать»

Стандартные значки и функция отображения списка файлов слева от панели нумерации строк!

Полезная функция «Замена» в html редакторе Notepad++

А теперь я покажу вам как с помощью функции «Замена» можно легко и просто произвести замену одного слова на другое во всех файлах какой-либо папки.

Итак открываем меню «Поиск» и выбираем из списка функцию «Замена».

В поле «найти» я ввожу слово «div», а в поле «Заменить на» я вписал слово «www.deffekt.ru». Замена будет выполнена во всех файлах из указанной мною директории.  Я создал папку на рабочем столе по названием «NOTEPAD» и поместил (скопировал) в нее файл index.php из папки своего шаблона. Ввожу путь к папке в которой лежит мой экспериментальный образец — index.php. Как вы понимаете в этом файле есть много тегов DIV, сейчас я поменяю их на «www.deffekt.ru». Нажимаю кнопку «Заменить в файлах»

Функция «Замена» в html редакторе Notepad++

Подтверждаем замену в файлах

Произведено 46 замен в файлах директории!

Готово! 46 изменений в файле. Открываю файл, а там:

Замена произведена и мы видим что все теги DIV заменились на www.deffekt.ru

Все теги DIV превратились в «www.deffekt.ru». Однажды, при создании партнерского интернет магазина, мне очень понадобилась эта функция! Таким образом можно уникализировать код шаблона.

Как установить Notepad++ плагины

Плагины в Notepad установить очень просто! Ничего качать и импортировать не нужно.

Заходим в меню «Плагины» → «Plugin Manager» → «Show Plugin Manager» → откроется окно в котором произойдет загрузка большого количества плагинов для программы Notepad++. И не нужно думать о том где скачать плагины notepad редактора.

Plugin Manager необходим для установки, удаления, обновления плагинов Notepad++

Из списка выбираем например плагин «Compare» — он может использоваться для сравнения двух файлов. И нажимаем кнопку «Install» → Произойдет установка → нам предложат перезапустить программу Notepad++ и внести изменения на ваш компьютер. После этого в меню «Плагины» появиться плагин «Compare»

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

Установка плагина TextFX

Жмем кнопку «Install».

Загрузка и перезапуск редактора Notepad++

Соглашаемся перезапустить  редактор Notepad++ и внести изменения. Запускается Notepad++ и на панели меню мы видим меню «TextFX». Открываем меню и наводим курсор на самый нижний пункт пункт «TextFX Settings» → выбираем функции «+Autoclose XHTML/XML Tag» и «+Autoclose {([Brace» с помощью этих функций все открываемые вами теги, либо скобки будут автоматически закрываться.

Plugin Manger невероятно удобная штука, здесь же вы можете просматривать весь ряд установленных вами плагинов — вкладка «Installed», удалять, переустанавливать, на вкладке «Updates» вы будете в курсе того, нуждается ли какой-либо плагин в обновлении.

В том случае, если вы нашли какой-то плагин вне этого списка, просто скачали в интернете, для того что бы установить этот плагин notepad, вам необходимо зайти в меню «Опции» → и внизу списка выбрать пункт «Импортировать плагин», затем указать путь к файлу с расширением .dll, нажать «Ок» → перезапустить редактор notepad++. Все!

Как установить плагин в notepad++ Spell Checker

В php и html редакторе Notepad++ есть такой плагин Spell-Checker, его кнопка на панели инструментов самая последняя. С помощью него можно получить проверку грамматики русского языка (noptepad++ rus). Для того что бы этот плагин заработал, необходимо нажать на его кнопку и откроется небольшое окно, там будет ссылка, перейдите по ней и скачайте файл Full installer, затем запустите и установите в директорию \Notepad++\plugins\. Теперь загрузите и установите библиотеку русского языка (Aspell-ru-0.50-2-3.exe), запустите ее и установите тоже в директорию \Notepad++\plugins\, затем укажите путь к файлу библиотеки \Aspell\bin, по умолчанию там уже должен быть этот путь. Нажмите «Ок». Перезапустите программу и снова нажмите на кнопку плагина Speel Cheker. Должно работать.

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

Как установить программу я вам рассказал, Notepad++ прекрасно подходит для Windows7, как работать с notepad я думаю теперь вам тоже понятно! Остается только брать и пользоваться. Надеюсь что объяснил все предельно понятно и наглядно! Пользуйтесь на здоровье!

А я на этом заканчиваю и предлагаю поделиться этим материалом с друзьями! Всем большое спасибо и До свиданья! :)

Классное видео на последок!!!

С уважением, Борисов Рустам.

Подпишись на обновления!
  1. Razbirishka

    Сама люблю эту программку. Здесь и разбираться ненужно. Интуитивный интерфейс и простота в использовании до сих пор вне конкуренции. )) [good]

    • Рустам Борисов

      Согласен ;-)

    • Vit-Am

      В мире windows может и в не конкуренции. В Linux же такие программы уже идут в комплекте, доступны что называется «из каробки», например kate, аналогичен этой, но имеет ряд дополнительных возможностей. :)

      • Рустам Борисов

        Да Вы правы! В Linux всегда был полный пакет программ, от аналогов Фотошопа и до любых других самых необходимых… :)

  2. Игорь

    Я вообще давно хотел себе html редактор скачать, но как-то все откладывал и приходилось все в обычном блокноте делать. В Notepad смотрю код разными цветами выделяется — это очень здорово. Пойду скачаю :)

    • Рустам Борисов

      Да, вам понравится!

  3. Светлана

    Отличная статья! Все очень просто и понятно. С удовольствием пользуюсь этой программой.

    • Рустам Борисов

      Спасибо, Светлана!

  4. Максим

    Стоит также добавить что через notepad++ можно работать по ftp

    • Рустам Борисов

      Стоит, да! Хотел об этом написать, но не стал, схалтурил :) Filezilla хорош, прост и удобен! к тому же постоянно запущен.

  5. Галина

    Спасибо за статью! Очень полезная и познавательная. [good]

    • Рустам Борисов

      Галина, спасибо Вам за то что изучаете!

  6. Андрей

    Не использовать APPDATA вы хорошо подметили, за это огромное спасибо!

    Если пользуетесь сниппетами, подскажите нормальный аплет. QuickText какой-то недоработанный.

    Заранее спасибо!

  7. Вячеслав

    Возник вот такой вопрос:
    Требуется постоянно редактировать текстовые файлы в кодировке OEM 866, как настроить notepad++ таким образом, чтобы он по умолчанию все файлы открывал сразу в этой кодировке? А то очень не удобно открыть файл, увидеть кракозябры, перейти в меню кодировки → кодировки → кириллица → OEM 866

  8. ilianna.ru

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

  9. Миша

    1) «…а у кого сейчас слабый ПК?» — Антон, у меня, к примеру. И других (пенсионеров, студентов, бюджетников, дворников и пр.), кто (пока ещё) не заработал 9 тыс.р. на новый.

    2) Обалденная прога ноутпед++!!!!!!!! Из него с помощью плагинов можно просто-таки дримвивер сделать!!! Только DW CS3 на моём старье тормозит сильно, некоторые правила css понимать отказывается и в режиме дизайна кривит «душой». А ноутпед летает птицею!!! И тэги, как я сегодня выяснил, закрывает, и снипеты кода позволяет использовать!
    Сейчас учусь вёрстке. Ноутпед++ постоянно открыт на экране. Он — мой лучший помощник. Похоже, именно он поможет мне стать богаче!!!

    • Рустам Борисов

      Спасибо, за такой жизненный коммент))

  10. Лидия

    Спасибо, очень все доступно и доходчиво обьяснили! [flower]

  11. Василий Бельский

    Установил Notepad + и понял сколько лет упустил пользуясь WortPad и блокнотом, которые нынче отправляю на пенсию.

Оставить свой комментарий
:) :-D ;-) :-| [star] [good] [flower] [present] [:-))] [:))] [:--_)] [:-|]

Subscribe without commenting