Главная / Обзоры и дайджесты / Обзор редактора Notepad++ и его плагинов

Обзор редактора Notepad++ и его плагинов

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

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

Визитка блога Дениса Тумиловича

В этом посте я бы хотел поделиться с Вами своим опытом. Опытом работы с редактором кода. Сначала я бы хотел спросить у Вас, каким редактором пользуетесь Вы – напишите об этом в комментариях. 100% — каждый из Вас пользуется редактором кода, ведь даже чтобы вставить favicon – нужно поковыряться в коде.

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

[contents h2 h3]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Раздел подсветки кода в Notepad++

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

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

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

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

Настройка цветовой схемы типов тегов в Notepad++

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Теперь перейдем непосредственно к обзору плагинов 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.

Символы стандарта UTF-8

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

Настройка кодировки в 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++! Уверен, что многие блоггеры, которые увидят данный пост, еще раз оценят возможности этого редактора. А он действительно хорош, сам давно им пользуюсь.

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

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

About Максим Довженко

Максим Довженко

Check Also

Практический обзор seo-платформы Serpstat

Добрый день, уважаемые читатели! В прошлой статье я показал, как для решения анализа конкурентов можно …

34 комментария

  1. Аватар

    Очень давно пользуюсь Notepad++ под виндовсом, и для правки css, и для php. Нравиться в нем простота и функциональность =) Про функциональность свидетельствует хотя бы наличия встроенного ФТП (и это в текстовом редакторе!) 😀
    Ну а под линуксом отличной заменой для Notepad++ служит Geany 🙂

    • Paladin

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

  2. Аватар

    Давно пользуюсь данным редактором, но сейчас поняла, что использую его возможности максимум на 20%. Благодарю за информацию!

  3. Аватар

    Денис, спасибо за обзорчик! Тоже давно пользуюсь этим редактором, но до плагинов дело даже не доходило. Может просто не было необходимости)

  4. Аватар
    Камиль

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

  5. Аватар

    Узнал много нового. Спасибо, Денис. Я вас не забыл, несмотря на долгое отсутствие.

  6. Аватар

    Отличный обзор, Денис. Спасибо, прочла с интересом. Давно пользуюсь NotePad++, правда мне его функционала без дополнений более чем достаточно. Для себя узнала интересную информацию о существовании плагина Regex Helper, обязательно попробую, иногда такой инструмент просто необходим.
    NotePad++ использую для обычных текстовых файлов или когда нужно внести небольшую правку в css или php, сменить кодировку и другие мелочи. Для ежедневной работы по верстке и программированию для себя выбрала замечательный редактор Brackets, еще весьма молод, но его возможности в паре с плагином Emmet — более чем находка для моих задач и их максимально быстрого выполнения.

  7. Аватар

    Спасибо, видимо и я не всеми возможностями NotePad++ пользуюсь, иду изучать 🙂

  8. Аватар

    А я много лет не пользовалась никакими такими штуками. И вообще не понимала для чего они нужны)). Но после того как чуть-чуть познакомилась с html и css (очень поверхностно), то стала пользоваться Dreamweaver, т.к. его поставил мне айтишник знакомый). Но этот редактор NotePad++ все равно у меня был и есть — им тоже очень удобно пользоваться. А вот про плагины для него — узнала из вашей статьи.

  9. Аватар
    Андрей

    Раньше, когда не так плотно занимался вебом, то пользовался Notepad++. Редактор действительно очень хорош, особенно радует множество плагинов, а также поддержка большого количества языков программирования и кодировок. Но сейчас как то ушел от него, так как нужно было что то более серьезное. На данный момент использую Sublime Text 3, который вместе с плагинами превращается просто в невероятную машину, которая помогает мне кодить) Еще кроме него было множество других(Brackets, PhpDesigner, WebStorm)

    • Paladin

      Привет, Андрей!
      Рад тебя видеть! А что случилось с твоим блогом? Куда он пропал?

      • Аватар
        Андрей

        Рад, что ты меня помнишь. Да с блогом случилось такое, что понял, что больше интересует именно разработка сайтов и веб-сервисов и ушел в эту область. Так что если будут проблемы с сайтом, то пишите! Помогу и даже бесплатно если что то мелкое)

        • Paladin

          Спасибо, Андрей! А блог на эту новую тему ты делать не собираешься? Может есть страница в социальных сетях какая про тебя и твое увлечение?

          • Аватар
            Андрей

            Хм, даже и не знаю. Просто сейчас по другому смотрю на блогинг, ведь если начинать делать сайт на такую тему, то надо принести людям что то новое, но вот для этого нужно много времени, которого у меня, к сожалению, нету…но жизнь покажет как все будет))
            По поводу страницы тебя не понял, ты имеешь ввиду личную страничку или как? Если да, то лови…
            https://vk.com/id132681427

          • Paladin

            Привет, Андрей! В принципе блог можно вести не только все время давая полезные материалы — на их сбор и публикацию уходит уйма времени. Можно просто начать, давая периодически какие-то тексты по твоей любимой теме. Ведь не сразу Москва строилась.

          • Аватар
            Андрей

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

  10. Аватар

    Очень полезная статья! Пользуюсь редактором давно, но про плагины даже не знала. Вопрос Денису — а какие, на Ваш взгляд, плагины должен иметь обычный блоггер для успешной работы? ФТП заинтересовало — это точно установлю и попробую)

    • Аватар

      Елена, рядовому блоггеру вообще notepad++ и не нужен. Нужно просто писать интересные статьи, а работу с кодом делегировать фрилансерам. Но если у вас есть желание и в коде поковыряться — то обычного FTP будет достаточно. Чисто из удобства работы с кодом. Очень удобно: сделал изменения, нажал ctrl+s — перешел в браузер, посмотрел как получилось. Если получилось что-то не то — можно вернуться в notepad нажать ctrl+z и изменения откатятся. Даже не смотря на то что вы уже сохранили документ. Главное не закрывать notepad и все изменения будут кешироваться — а значит можно будет откатить весь код до исходного состояния.

      • Аватар

        Денис, спасибо за обзор, он хорош! Я как раз из числа тех блоггеров, которым notepad++ не нужен, а нужен дизайнер и программист. Но, он у меня стоит, я им пользовался и он действительно удобен! А ваш обзор ответил на некоторые мои вопросы.

  11. Аватар
    Андрей

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

  12. Аватар

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

  13. Аватар

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

    • Аватар
      Андрей

      Ну лично я считаю, что так и лучше. Почему? Сейчас обьясню…
      Смотрите, вы прочитали статью, установили все, но толком то могли даже и не разобраться во всем этом. И, например, когда в очередной раз вам нужно будет установить плагин к редактору, то вы опять будете искать эту статью.
      Гораздо лучше будет, если вы будете сами пробовать, учиться и делать. Да, это труднее. Да, это занимает гораздо больше времени, но результат себя оправдает. Вы научитесь гораздо больше, кроме всего прочего вы прокачаете свой мозг, заставив эго работать с чем то новым.
      Выбор за вами, но свою позицию в целом я рассказал)

  14. Аватар
    Ваше имяКирилл

    А как включить то это автоматическое дописывание тегов? У меня ничего не дописывает!!!

  15. Аватар

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

  16. Аватар
    Андрій

    Видно що Ви сеошник — витягнули мікроскопічний бложик з мікротрафіком на третю позицію. От так треба — із із підземелля в піднебесну. І так кожен сайт. І що з цього буде? Цікаво.
    А по темі — дуже бракує елементарного — вставки дати, так як це є у notepage — натиснув F5 і відбулась вставка дати. До всієї інфо ставлю дату та час. А у notepage++ цього немає. Дуже незручно. Чому цього немає в notepage++? Дивно. Десь був знайшов такий плагін та не інсталював зразу ж. Декілька разів цілеспрямовано шукав. Та марно. От тепер шкодую. Можливо ви знаєте? Чи вдасться знайти. Дякую.

    • Аватар

      Андрей, я вам напишу по-русски, т.к. нет раскладки укринской на этом ноуте.

      Здесь автор русскоговорящий и живет не на Украине. По этому ваш вопрос стОит задать не на украинском языке, а на русском.

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

  17. Аватар

    Здравствуйте! Пришло время и я остался без своего бизнеса. Хочу начать новый, связанный с компьютером. Для человека-пользователя что можно посоветовать, если хочется самому создавать сайты. С чего начать?

    Спасибо!

    • Paladin

      Добрый день, Сергей! Конечно рекомендую пойти на курсы по созданию сайтов или лучше всего, найти личного тренера по этому вопросу — качество обучения будет на порядок лучше.

  18. Аватар
    Мкаским

    Добрый день! А не подскажете, где найти плагин -«purplefish32», он вписывает все снипетты… для sublime text 2 есть, а для notepad++ нету 🙁 или может есть какой то аналог?

  19. Аватар

    Добрый день! Спасибо за полезную статью, однако я только начала пользоваться редактором и меня интересует конкретно такой вопрос: как приспособить его для перевода статей с одного языка на другой. Я имею ввиду не машинный перевод, а правильную передачу изображений, тегов и т.д.
    Буду весьма признательно за пошаговое руководство, начиная от загрузки самой статьи, т.к. абсолютный чайник в этом вопрос))

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *