Converter
Этот плагин преобразует выделенный текст (или шестнадцатеричную строку ASCII) в ASCII или шестнадцатеричные строки по вашему выбору. Формат генерируемой шестнадцатеричной строки может быть установлен путем изменения параметров в разделе из converter.ini . Для этого потребуется перезапустить редактор Notepad++
При помощи этого плагина Notepad++ можно запускать командную строку с параметрами. В Notepad++ есть даже инструкция, как создавать компиляции скриптов для каждого типа файлов исходного кода.
При помощи данного плагина можно решать различные сложные задачи. Например, нужно при помощи NppExec скомпилировать свои C файлы, запустить их, и показывать свои данные.
Вот как это делается для Perl. То есть, просто адаптируется для C
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 | * Open Notepad
* Type F6 to open the execute window
* write the following commands:
o npp_save < -- Saves the current document
o CD $(CURRENT_DIRECTORY) <-- Moves to the current directory
o perl.exe -c -w "$(FILE_NAME)" <-- executes the command perl.exe -c -w |
* Open Notepad
* Type F6 to open the execute window
* write the following commands:
o npp_save < -- Saves the current document
o CD $(CURRENT_DIRECTORY) <-- Moves to the current directory
o perl.exe -c -w "$(FILE_NAME)" <-- executes the command perl.exe -c -w
NppExport
Полезный плагин Notepad++, с помощью которого можно экспортировать файлы в html, rtf форматы
Вот как он работает. Открываем файл, переходим на вкладку «Пл агины» > NppExport > Export to HTML. То есть, экспортируем файл в HTML формат. Код может быть просмотрен в любом браузере
Чрезвычайно полезный плагин. С его помощью можно работать с файлами прямо на сервере. Плагин позволяет моментально загружать файлы с сервера, вносить в них изменения прямо в окне редактора, и сохранять их, тем самым автоматически отправляя измененный файл обратно на сервер. Это очень удобно, поверьте!
NppNetNote
С помощью данного плагина Notepad++ у вас появится возможность дать возможность редактировать файл удаленно. То есть, вы можете сами подключиться, или дать возможность подключиться своему другу к вашему файлу, и после этого вы сможете вдвоем, одновременно редактировать файл.
Plugin Manager
Этот плагин является мозгом системы апгрейда текстового редактора Notepad++. С помощью этого плагина пользователь может обновлять, удалять или устанавливать плагины для Notepad++. Просто открываем этот плагин, выбираем плагин из списка доступных для загрузки, и устанавливаем его. Либо просто обновляем плагины. Их вообще много. У меня установлено по-умолчанию 10 плагинов, а в списке доступных я насчитал аж 72 плагина для Notepad++!!! Небольшое уточнение. В Windows 7 чтобы обновляться, необходимо запускать программу от имени администратора.
Spell- Checker
Данный плагин предназначен для проверки орфографии, напободобие вордовского встроенного словаря. Здесь все тоже самое по аналогии. Только предварительно нужно будет установить программу ASpell.
Другие полезные возможности бесплатного текстового редактора Notepad++
1. Подсветка синтаксиса
Возможно, это одна из причин, по которой я использую бесплатный текстовый редактор Notepad++. Его возможности в плане подсветки синтаксиса поражают воображение. Количество используемых языков огромно. В последней версии программы их стало настолько много, что их пришлось разбить на отдельные категории, потому что уже в окне попросту не помещаются. При желании можно создавать свои правила подсветки синтаксиса.
Например, ставим подсветку php кода
Помимо непосредственно самой подсветки преимущество заключается еще и в том, что информация разбивается на специальные контейнеры, с помощью которых можно изучать сложный код, чтобы не путаться. В данном случае из скриншота выше, я раскрыл 745 строку (нажал на значок «-» минус), чтобы посмотреть контейнер целиком. Теперь вместо минуса «-» там значится плюс «+», и изучение кода становится проще и понятнее
2. Редактор Notepad++ в кодировке UTF-8 (без BOM)
UTF-8 в переводе с английского означает формат преобразования Юникода. На сегодняшний день эта кодировка является одной из наиболее популярных и используемых. С её помощью реализуется представление Юникода, совместимое с 8-битным кодированием текста.
Теперь что касается кодировки UTF-8 без BOM, про которую вы уже могли слышать. Дело в том, что движок WordPress (см. ) работает с кодировкой UTF-8, но если пользоваться стандартным блокнотом Windows, то при сохранении файлов в кодировке UTF-8, эта прелесть добавляет в PHP-файлы невидимые символы. Именно они и называются BOM. Поэтому UTF-8 без BOM и означает, что файл не содержит всей это радости, т.е. лишних невидимых символов. Эта проблема успешно решается с помощью бесплатного текстового редактора Notepad++, который может преобразовывать либо сохранять файлы Html (см. ) и PHP (см. ).
Преобразовать файл из исходной кодировки в кодировку UTF-8 (без BOM) можно следующим образом:
Делается все просто. Берем, к примеру, файл, где содержится английский текст, вписываем вместо английских букв русские, после чего идем на вкладку «Кодировки», выбираем «Преобразовать в UTF-8 без BOM, и жмем на значок дискетки. Все, файл сохранен.
3. Закладки
Программа Notepad++ содержит такую полезную штуку. Предположим, у меня есть несколько файлов в формате.txt, где я храню всякую нужную информацию: разные html коды, напоминания. В общем, текущую рабочую информацию, и просто часто используемую информацию. Ну, к примеру, нужно мне найти для какой-нибудь цели (неважно для какой) в моем.txt файле теги . Кроме этих тегов в этом файле может быть куча другой информации. И мне чтобы найти эти теги , нужно будет скролить документ то вверх, то вниз, пока не найду. В итоге получается глупая работа. А если за день нужно открывать этот.txt файл не один, а несколько раз, то в итоге получается, что какое-то время просто глупо тратим время на скролинг документа то вверх, то вниз. Проблема решается легко. Находим нужную нам строку, и дважды кликаем рядом с её номером. И сразу же напротив неё появится закладка. А потом эту закладку легко можно найти, нажимая F2 на клавиатуре.
10.04.2017
На сегодняшний день приложение Notepad++ очень популярно среди программистов. Секрет такой известности в том, что оно обладает удобной подсветкой важных частей кода (синтаксис), а также большим набором функций для программирования и представляет собой, по сути, всем знакомый Windows Блокнот, но с прокачанным функционалом. Нотпад сам по себе очень гибкая программа, позволяющая подстраивать ее под разные нужды. Попробуем узнать, как лучше всего проводить ее настройку.
Базовые настройки
Чтобы получить доступ к основным функциям необходимо выбрать пункт «Опции»
в меню сверху. Затем, выбрать модуль «Настройки»
и щелкнуть по нему.
Здесь же можно выбрать и чаще всего используемый вид синтаксиса. При помощи все этого вам не придется каждый раз тратить время на настройку каждого нового документа.
Путь по умолчанию
Здесь пользователь задает директорию, куда Notepad++ сохранит документ. Это очень удобно, если вы пишете объемную программу и каждую часть кода необходимо складывать в одну папку. Впрочем, если вы не выберете, куда сохранять файлы, то приложение само предложит вам ту директорию, которая использовалась в последний раз.
Резервное копирование
Позволяет настроить время сохранения сессии. Изначально эта функция уже работает. При желании можно установить время каждого копирования, а также то, куда будут сохраняться эти файлы. Еще вы можете активировать резервное копирование при сохранении. Тогда эти снимки будут складываться в отдельную папку и при каждом сохранении будет создаваться новая копия.
Автозавершение
Поможет вам сделать работу с Редактором более удобной. Здесь вы можете скорректировать как автозакрытие скобок, так и автозавершение целых функций и тегов. Это полезно, так как вы можете не беспокоится, что программа не будет работать из-за забытой в каком-нибудь месте запятой.
Разное
Здесь вы можете управлять такими функциями как подсветка парных тегов, вид переключенных документов, обработка веб-ссылок и т.д. Здесь также можно отключить автоматические обновления Нотпада, а также настроить расширение файла и то, как он будет сворачиваться.
Дополнительные возможности
Помимо этого набора настроек, в Notepad++ можно изменить кнопки быстрого доступа. Для этого необходимо щелкнуть по кнопке «Опции» в верхнем меню и выбрать «Горячие клавиши» .
В этом окне вы можете выбрать, какие комбинации отвечают за те или иные функции Нотпада или изменить уже существующие связки.
Плагины
Программа Notepad++ позволяет вам установить разные плагины, которые могут быть вам полезны. Например Auto Save или Converter.
Макросы
Редактор обладает функцией записи макросов, которые могут упростить вашу работу.
Notepad++ как текстовый редактор
Стоит сказать, что Нотпад можно использовать не только как платформу для программирования. Напротив, приложение послужит отличной заменой стандартного Блокнота так как имеет несколько интересных функций:
Сравнение двух документов
Если вам необходимо работать с двумя или более вариантами одного текста, допустим, просматривать статью на ошибки или делать какой то доклад по подробному плану, то вам нужно:
Замена слов или символов
Бывает, что в одном документе необходимо заменить одну цифру на другую или поменять слова. Задача кажется простой, но не когда речь идет о документе в 50 страниц. Чтобы решить эту задачу нужно:
В целом же, редактор Notepad++ — это очень гибкая программа, которая позволяет пользователю максимально удобно настроить ее под себя. Примечательно то, что Нотпад будет полезен не только как приложение для программистов, но и найдет что предложить обычному пользователю благодаря функциям работы с текстом. Самое важное здесь изначально настроить все правильно и тогда эффективность работы будет высока и любая задача будет выполняться в разы быстрее.
Я считаю редактор Notepad++ одним из лучших редакторов. Почему? Трудно сказать в двух словах, даже, скорее практически не возможно, поэтому эта статья посвящена редактору Notepad++. Не буду подробно описывать сам редактор, о нем пару слов, без воды. Остановимся подробнее на плагинах.
Так же в меню «синтаксисы» можно задать свой синтаксис и свои настройки, но, как правило, для меня как для веб-программиста и системного администратора стандартного набора вполне достаточно.
Простая смена кодировки
BracketsCheck –позволяет проверить баланс скобок в вашем файле. Помимо скобок проверяет открытие/закрытие тегов. Довольно полезный плагин. Особенно когда пишешь большие массивы кода.
CCompletion –автозаполнения кода с другими полезными функциями.
Сlipboard Helper –для универсального использования текста, находящегося в буфере обмена.
Code alignment –помогает выравнивать код.
ColdFusion – подсвечивает синтаксис и вызывает подсказки для языка ColdFusion.
Column sorting — позволяет сортировать текстовый файл на основе значений, содержащихся в настраиваемых столбцах (текстовых или числовых).
Combine – позволяет объединять все открытые файлы в один. В некоторых случаях без него трудно обойтись.
Compare – лучший плагин для . Показывает различия между двумя открытыми файлами. Для меня довольно полезный плагин. Бывали случаи, когда нужно было сравнить два JavaScript’а, на первый взгляд совершенно одинаковых, но в небольшими отличиями. Плагин помог быстро найти эти отличия.
CS–script –предназначен для интеграции с C#. Довольно бесполезный на мой взгляд плагин. Хотя может это по тому что я не работаю с C.
CSV Query –работает с sql запросами к csv файлам.
Cystomize Toolbar – позволяет гибко настраивать панель инструментов Notepad++. Плагин полезен для первоначальной натсройки.
DocIt –создает шаблоны для функций JS и C#.
Document monitor – обновляет файлы, открытые в Notepad++ каждые 3 секунды.
Don Rowlett Color Picker –позволяет выбирать цветовые коды в различных форматах.
DSpell-check –проверяет правописание со множеством функций.
EditorConfig – тут я сдаюсь, юзал я плагин, но так и не понял, что он делает.
Ei-berichten –подверчивает ошибки синтаксиса в файлах ei-berichten. Данным форматом не пользовался, да и вряд ли кто-то пользовался в России. Язык разработан в Голландии используется для обращений в медицинские учреждения через сайты муниципалитетов. Во как! Не то, что у нас. Запишешься в поликлинику через интернет, и докажи широким массам населения что ты записывался и так можно и нужно, и ткни пальцем в объявление на двери врача в котором написано для умственных инвалидов: «Первый час приема производится по записи через интернет».
Elastic Tabstops –делает закладки «эластичными», т. е. их можно растягивать.
Explorer – плагин файлового браузера.
External Lekser KVS –подсветки синтаксиса языка KVS.
F# interfaces –содержит интерфейсы языка F#.
Falling briks – игра в тетрис. Если стало скучно программировать. Устал – зарубись в тетрис.
Falling switcher — плагин позволяет переключать активный буфер, используя только клавиатуру. Вы можете ввести любую часть имени файла, пути или индекса табуляции. Вы также можете использовать его в качестве замены функций Ctrl-Tab, встроенных в Notepad ++.
Finger text – плагин поддерживающий несколько «с поддержкой нескольких горячих точек».
GEDCOM Lexer –для подсветки и исправлений синтаксиса языка GEDCOM.
GOnpp –помогает писать программы GO.
GrepBugs –загружает последние регулярные выражения с GrepBugs.com и сравнивает их с выражениями во всех открытых документах.
GuidGuard –генерации заголовков стилей для C++.
HTML tag — плагин предоставляет три основные функции Notepad ++:
- перетаскивание HTML и XML-тегов, например, встроенное согласование фигурных скобок и выбор тегов и / или содержимого;
- кодирование / декодирование объектов HTML;
- кодирование / декодирование JS символов;
ImgTag –позволяет вставлять в html документ тег img с помощью диалогового окна выбора изображения. Странный плагин ведь пути в *.nix системах работать не будут.
iTimeTrack –автоматически отслеживает рабочее время программирования в Notepad++. Интересный плагин. Зарубежном программисты работают с реальной почасовой оплатой, сел, установил время и программируй себе. В нашей стране, к сожалению практикуется даунтайминг на право и на лево.
JSLint –запускает инструмент проверки качества JS кода Lint. Полезный плагин для JavaScript разработчиков.
JSON viewer –отображает выбранную строку JSON в виде дерева.
LanguageHelp –запускает специальный файл справки.
LeneFilter2 –позволяет фильтровать текст для строки поиска.
Location Navigate – позволяет быстро перемещаться между последними точками редактирования. Полезен, если вы работаете с кодом большого объема.
MathPad –позволяет оценивать математические выражения.
MenuIcons –позволяет добавлять значки в основное и контекстное меню.
MultiClipboard – реализует 10 текстовых буферов.
MusicPlayer – открывает и воспроизводит музыкальные файлы. Плеер не очень удобный, да и в основном музон сейчас слушают онлайн.
NamedBookmarks – позволяет добавлять закладки в HTML и C++ используя комментарии.
NativeLang – позволяет переводить меню и диалоговые окна других плагинов. Полезен если у вас начальный языковой уровень иностранных языков.
Npp Xml Treewiever – визуализирует дерево XML документов.
NppCalc –используется для оценки математических, тригонометрических, статистических и других выражений.
NPPCrypt – используется для шифрования и дешифрования с использованием различных блочных шифров, хеш-алгоритмов, случайных символов, кодирование с использованием base-16/32/64.
NppEventExec – позволяет автоматизировать выполнение NppExec сценариев.
NPPExec – позволяет выполнять Npp команды и сценарии не выходя из Notepad++.
NppFTP – плагин, который позволяет использовать в работе с , FTPS, FTPES и SFTP.
Oberon-2 – подсвечивает синтаксис языка Oberon-2. Первый зас слушу о таком языке.
Open file in solution – позволяет индексировать определенные папки и фалы.
OpenSelection – помогает открывать файлы на основе выбранного типа.
Perforse Actions –обеспечивает интеграцию с Perforse.
PHP autocompletion – реализует завершение кода для пользовательских классов.
Plugin Marker Margin – позволяет использовать свободный запас для плагинов в любом представлении.
Poor man’s T-sql formated – простой форматировщик SQL.
Poork2 Sausage – преобразует выделенный текст через трансформатор.
Powershell Lexer – подсветка синтаксиса языка Powershell.
Preview HTML – предварительный просмотр html кода в Notepad.
Print all – распечатывает все открытые в настоящее время документы.
PyNPP — позволяет писать сценарии Python в Notepad и запускать их из Notepad , не открывая приглашение командной строки.
RegExHelper — выделяет все совпадения регулярного выражения внутри документа. При нажатии на отдельный результат отображаются соответствующие группы для этого результата.
RegRexPlace – позволяет быстро заменять регулярные выражения.
ReloadButton – добавляет кнопку перезагрузки в панель инструментов.
RunMe – позволяет запускать текущий файл в его оболочке (если такая установлена).
SaveAsAdmin – позволяет сохранять любой файл как администратор.
SecurePad – позволяет шифровать и расшифровывать документы с помощью собственного ключа.
Select Quoted Text – выделяет текст в кавычках.
Source Switch – позволяет легко переключаться между редактируемыми файлами и их источниками.
Speech – речевое управление редактором. Необходимо установить операторы.
Spellchecker – исправляет опечатки в зависимости от выбранного языка.
SQL — позволяет искать и фильтровать форматированный текст в формате CSV в окне Notepad ++, используя стандартные SQL-запросы.
SQLinForm – форматирует простой SQL код с синтаксическими ошибками.
Switcher – позволяет быстро переключаться между связными файлами.
TagsJump – для чтения большого кода. Позволяет быстро перейти к нужной строке и быстро вернуться назад.
TakeNotes – позволяет создавать быстрые заметки.
TextFX – позволяет преобразовывать выделенный текст в различные форматы.
ToolBucket – организует многостраничный поиск и замену.
TopMost – позволяет установить окно редактора поверх других окон.
Translate – обеспечивает быстрый перевод выделенного текста на заданный язык.
ViSimulator – симулятор редактора vi.
XMLTools – набор полезных инструментов для работы с
Zen Coding Python – расширяет простые сокращения в сложные элементы кода. Один из самых полезных плагинов.
Если вы используете версию Notepad++ не поддерживающую какой-либо плагин из списка, при установке плагина программа предложит обновить редактор. После установки плагинов редактор перезапускается.
Вывод, если вы еще не пользуетесь Notpad++ скачивайте, устанавливайте, настраивайте редактор для ваших нужд, затем работайте эффективно и с удовольствием.
Если у вас есть вопросы по работе с редактором задавайте их в комментариях. С радостью отвечу на ваши вопросы.
Здравствуйте уважаемые начинающие веб мастера.
В этой статье мы рассмотрим, как скачать, установить и использовать самый популярный редактор кода — Notepad++.
Так же будут некоторые дополнения с учётом последних версий редактора, а именно — как добавить браузер в меню Запуск.
Так же в этой статье рассмотрим основные моменты работы с редактором, так как все его возможности описать сразу невозможно и этому посвящён целый раздел (см. меню в конце статьи).
Итак приступим.
Notepad++ — бесплатный, очень удобный редактор, с подсветкой синтаксиса, русскоязычным интерфейсом, поддержкой всех языков программирования, и кучей других полезных примочек.
Первое, чему Вам нужно будет научиться, и что Вам, безусловно, очень понравиться делать — это написать в редакторе некоторый код, и тут же открыть результат в браузере, чтоб посмотреть, что получилось, и исправить то, что получилось не так, как Вам бы хотелось.
То есть сделать, как бы песочницу, или отладочный полигон. Хоть подобных программ и полно в интернете, но Notepad++ в этом случае вне конкуренции.
Он открывает результат кода непосредственно в браузере, что уже реалистичнее песочницы, и в нём можно применить аналитику, к примеру .
В дальнейшем, я познакомлю вас с плагинами, которые расширяют возможности редактора до таких пределов, что в общем-то не остаётся ничего невозможного.
Но не будем забегать вперёд и начнём с установки.
Как обычно набираем в поисковике «Notepad++ русский скачать бесплатно». Щёлкаем по «Поиск», и открывается столько предложений, что глаза разбегаются.
Правда сайт на английском, но с переводчиком Chrome, это большого значения не имеет.
Зато софт скачивается прямо с сайта, без всяких перенаправлений на страницы загрузок и файлообменники.
Здесь есть абсолютно весь софт редактора. На главной представлены свежие версии, а если перейти по ссылке more nevs>> , то откроются все версии от первой до последней.
Это весьма актуально из-за недавнего бума обновлений редактора и в связи с этим, зачастую его некорректной работы.
Я привык работать с версией 6.1.2. к которой никогда не было никаких нареканий, поэтому и устанавливать буду именно её, но это лично мои предпочтения, вы же можете установить свежую версию
Итак, щёлкаем по выбранной версии, после чего редактор начинает скачиваться.
В браузере Chrome, в окне загрузок, в нижнем левом углу экрана, щёлкаем по треугольнику справа, и в открывшемся меню выбраем «Открыть по завершении».
Затем появится окно контроля учётных записей. Нажмите «Да».
В следующем окне выбирается язык интерфейса редактора. По умолчанию там уже стоит «Русский», так что просто жмём «ОК». После этого Вас поприветствует мастер установки, которому нужно дать команду «Далее».
Затем будет предложено ознакомиться с лицензионным соглашением, которое лучше просто «Принять», так как они все стандартные.
После этого указывается папка, в которую устанавливается редактор, обычно это Program Files, нажимаем «Далее».
Затем спрашивается, какие компоненты программы Вам нужно установить. Зачастую бывает, что в таком списке прячутся рекламные приложения, но я проверил здесь ничего подобного нет, так что «Далее».
Здесь нужно указать где, и какие ярлыки будут созданы. Можно тоже ничего не менять, и просто нажать «Установить»
Произойдёт установка, и вновь откроется окно мастера установки, в котором нужно дать команду «Готово».
После этого, на панели задач, внизу экрана, появится иконка с изображением блокнотного листа с карандашом, и если щелкнуть по ней, то откроется главная страница редактора.
Если иконка редактора не появилась на панели задач, то нужно зайти в меню «Пуск» (первый символ внизу экрана), найти там строчку «Notepad++», щёлкнуть по ней, и в открывшемся подменю, щёлкнуть правой клавишей по строке с иконкой Notepad++(блокнот с карандашом), откроется ещё одно меню, в котором нужно выбрать «Закрепить на панели задач».
На панель задач её нужно поместить потому, что в дальнейшем пользоваться им придется очень часто, а с панели задач открывать редактор можно одним кликом.
Редактор Notepad++ установлен. Теперь начинается самое интересное.
Руководство по применению
Руководство займёт целый раздел, так как в одной статье невозможно описать все возможности Notepad++.
Так что здесь начнём, а уж продолжение смотрите в меню в конце статьи.
Даже не знаю пока, сколько в нём будет пунктов, так как плагинов у редактора уже порядка пятидесяти, а ведь есть ещё горизонтальное меню и панель инструментов.
Первым делом научимся делать то, о чём я говорил в начале статьи, а именно открывать в браузере результат написанного кода.
Проще говоря, смотреть как браузер отобразит то, что мы написали в редакторе.
Для этого нужно будет сделать некоторые приготовления на Вашем компьютере. Они совсем не сложные, и делаются один раз.
После их выполнения, можно будет открывать в Вашем браузере сколько угодно, написанных Вами, файлов. Даже написать целый сайт.
Итак, чтобы написанный в Notepad файл, открылся в браузере Вашего компьютера, нужно чтоб этот файл, на Вашем компьютере, присутствовал.
А так как по умолчанию он в Вашей ОС, конечно же, не предусмотрен, то нам нужно его создать, вернее создать место (папку), в которую мы сохраним, написанный в Notepad файл. А уж браузер его там увидит, и выведет на экран.
Папку проще всего создать в библиотеке «Документы», из-за простоты доступа. Можно, конечно, для этих целей выбрать любое другое место на компьютере.
Заходим в библиотеку «Документы» (Пуск — Компьютер — Документы), и щёлкнув по полю с файлами правой клавишей, выбираем, в открывшемся меню, «Создать».
В меню «Создать», выбираем «Папку», после чего, в столбце файлов библиотеки «Документы», появиться строка, с эмблемой папки, и окрашенной в синий цвет, строкой — «Новая папка».
Нажимаем клавишу «Bachspace», строка «Новая папка» очищается, и пишем вместо неё название «site». Напоследок щёлкаем по пустому полю — папка «site» сохранена.
Это значит, что место на Вашем компьютере для файлов, написанных в Notepad++, готово.
Если Вы планируете создавать и открывать php файлы, то намного по другому, так как для скриптов потребуется интерпретатор, функции которого может выполнить .
Теперь открываем редактор, щёлкнув по его иконке, и попадаем на главную страницу Notepad++.
На этой странице находим иконку «Новый», которая расположена в самом начале панели инструментов редактора (самая верхняя строка), и щёлкнув по ней открываем новую вкладку, nev1, в которой и будем создавать файл.
.
Следующим шагом находим меню «Кодировки», в той же верхней строке, и щёлкнув по нему, выбираем UFT8(без BOM). Эта кодировка предназначена для правильного отображение русских букв.
В других кодировках все русские буквы будут отображены в виде знаков вопроса, или каких нибудь других непонятных символов.
Файл — это html документ, и чтобы не тратить время на написание его каркаса, предлагаю зайти в главу , скопировать приведённый в начале статьи код, и вставить его в nev1.
Кстати, в той же статье можно узнать, из чего состоит каркас html документа. Пригодится.
Теперь щёлкаем по меню «Файл» (верхняя строка), выбираем «Сохранить как…», и в открывшемся поисковом окне проводника, находим созданную нами папку «site».
Открываем её (откроется пустое поле), и внизу к названию файла nev1, приписываем расширение, в котором мы будем создавать документ.
Это могут быть nev1.html, или nev 1.css, или nev 1.php. Можно вообще убрать nev 1 и сразу писать index.html, index.php или style.css и «Сохранить».
Кстати, редактор поддерживает все имеющиеся в природе расширения.
После этого наш файл в редакторе приобретёт вот такой симпатичный вид.
Теперь можно попробовать что либо написать в теле документа (тег body), и посмотреть, как отобразит нашу запись браузер.
Давайте, для пробы, напишем самый большой заголовок h1.
Сохраняем написанный код, щёлкнув по третьей слева, на панели инструментов, иконке — «Сохранить».
Кстати, у каждой иконки, расположенной на панели инструментов редактора, при наведении на неё курсора, появляется название соответствующего ей инструмента, на русском языке, что исключает ошибку.
При сохранении, дискетка файла окрашивается из красного, в синий цвет, что так же всегда предостережёт Вас от ошибки.
Чтобы открыть результат, находим меню «Запуск», и выбираем в нём Ваш браузер.
Так как у меня Chrome, то и открою файл я в нём.
Ну вот, теперь можно смело экспериментировать с html кодом, и таблицами стилей (их так-же можно писать в html файле, в теге head), и сразу смотреть, что из этого получается.
Обновление
Эту главу мне приходится включить в статью уже в этом, 2019 году, так как и редактор, и ПО с момента написания статьи, пережил бум обновлений.
Мне стали приходить комменты, о том, что в меню Запуск, у новых версий редактора, нет списка браузеров, в которых можно открывать файлы.
Для меня это было как-то непонятно, ровно до тех пор, пока не купил новый ноутбук с 10-й виндой и столкнулся с такой же проблемой.
Если у вас то-же самое, то читайте решение, если нет, то пропустите эту главу.
Итак, в меню Запуск нет списка браузеров, зато есть какая-то хрень, типа Wiki и ещё чего-то, которая ничего не открывает.
Первым делом идём в Компьютер — Диск С . Нас интересуют две папки Program Files и Program Files (x86)
Открываем обе и смотрим, в какой из них установлен Nontepad++, а в какой папка Google — Chrome.
У меня они оказались в разных каталогах. Просто не пойму, с какого перепугу Microsoft установил Хром и Мозиллу в (х86). Но что есть, то есть.
Идём в Панель инструментов, в десятке она открывается по значку Поиск на панели задач, куда надо ввести команду Панель инструментов, затем Программы и компоненты и удаляем наш Notepad++.
Затем снова идём в Notepadd++ Home и выбираем версию редактора со значком (x86), на разрядность уже можно не смотреть.
Загружаем её и запускаем редактор так, как было описано выше.
В меню Запуск то-же самое, поэтому будем добавлять браузеры в ручную.
Сначала напишем что нибудь в редакторе для тестирования, после установки браузера.
Теперь смотрим, я тут немного переделал не совсем так как было, специально для вас, ну суть поймёте.
Всё лишнее можно удалить. Для этого нажимаем Изменить горячие клавиши
Откроется окно Горячих клавиш, в котором щёлкаем по строке с названием опции, она выделяется синим и жмём Delete (Удалить).
Закрываем окно, и снова в меню Запуск . В нём осталась лишь одна строка — Запуск.
Переходим по ней. Откроется окно Запуск, с просьбой ввести параметры.
Нажимаем на поисковик (квадратик с тремя точками) и находим в открывшемся поисковике на нашем компьютере нужный браузер.
То-есть снова Этот компьютер — диск С — Program Files (x86) — Google — Chrome — Application
В этом каталоге и есть исполняемый файл браузера
Двойной щелчок по нему, и путь к файлу появляется в окне Запуск редактора.
Но это только запуск браузера, а нам надо отрыть файл в этом браузере, поэтому к имеющемуся пути нужно дописать команду
$(FULL_CURRENT_PATH)
Общая запись в строке параметров окна Запуск будет такой
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" "$(FULL_CURRENT_PATH)"
Вводим и ОК.
Теперь в окне Запуск нажимаем кнопкуЗапуск .
Результат
Можно проверить из меню Запуск — всё отлично работает.
Другие браузеры добавляются точно так-же. Следите за тем, чтоб браузер и редактор находились в одном каталоге.
Возможно на это нужно обращать внимание ещё на этапе загрузки приложения. Нужно учесть это и повнимательней относится к установке дополнительных программ на компьютер.
Скорее всего в процессе загрузки этот вопрос оговаривается в диалоговых окнах, но по привычке после семёрки, на него не обращается нужного внимания.
Продолжаем знакомство с Notepad++
Для веб-мастеров использующих для управления сайтом CMS, редактор Notepad++ тоже очень даже пригодиться, и к тому же в самом начале.
Ведь при самостоятельной установке движка, в нём придётся кодировать файл «config», а сделать кодировку можно только в этом редакторе.
А теперь давайте посмотрим что ещё есть на панели инструментов и с чем чаще всего придётся работать.
Опция Вперёд-Назад — две полукруглые стрелочки. В основном, конечно, Назад.
Например если Вы сделали ошибку, и браузер отобразил чёрте что, можно быстро сделать шаг назад, чтоб вернуть всё на место не ковыряя код, и количество таких шагов не ограничено.
Размер шага составляет один клик, так что можете, не боясь запороть весь код, экспериментировать сколько душе угодно.
Следующим замечательным свойством, здорово облегчающим написание кода, является перетаскивание. Перетащить мышкой можно любой участок кода, в любое место кода, нужно лишь выделить нужный участок, и тащи куда пожелаешь.
Очень часто, после просмотра результата, появляется желание поменять некоторые элементы местами, и вот тут перетаскивание очень упрощает процесс.
Кстати перетаскивать можно и открытые вкладки, совсем как в браузере.
Если Вы не совсем уверены в правильности написания некоторых тегов и атрибутов html, свойств и значений css, функций, операторов и других элементов php, то для подсказки можно включить авто-завершение.
При активации этой опции, стоит Вам только набрать первую букву, как Notepad предложит вам несколько готовых вариантов слова.
Включается эта опция так. В меню «Опции» выбираем «Настройки». В окне настроек выбираем вкладку «Резерв/Авто-завершение».
Затем под заголовком «Авто-завершение» ставим галочку в чекбоксе «Включать для каждого ввода».
В самом начале изучения языков программирования, эти подсказки просто палочка выручалочка. Ведь невозможно быстро выучить и запомнить все элементы кода, да ещё и правильность их написания на английском языке.
В этом же разделе можно активировать опцию «Резерв», или бекап, которая позволит сохранять написанный Вами файл, в отдельной папке на компьютере.
Для этого под заголовком «Резервное копирование», ставите точку в чекбоксе «Простое», затем галочку в «Пользовательская папка для сохранения».
После этого нажимаете на квадратик с тремя точками, и в открывшемся поисковом окне выбираете папку, в которую редактор будет сохранять все копии написанных Вами файлов.
Поиск Notepad++
Поиск редактора снабжён не только поисковыми функциями. С его помощью можно вносить множественные изменения в файле и даже сразу во всех открытых файлах.
Можно изменить любой из символов и любое слово, а так же добавить в начало и или конец строки.
Можно добавить или убрать пробелы после обозначенного символа или слова, а так же между строк.
Тема поиска довольно обширная и поэтому по ней на днях будет отдельный пост.
Если кому-то не захочется ждать, попробуйте поиграть с кнопками и символами в полях ввода во вкладке Заменить в окне Поиск (иконка Бинокль). Вас ждут удивительные открытия.
Желаю творческих успехов.
Перемена
- Мама…мамочка-а-а!
- Что сын?
- У меня под одеялом чудовище какое-то!
- Какую с клуба вчера привел, такая и есть.
Здравствуйте, уважаемые читатели! Сегодня мы познакомимся с замечательной программой, с помощью которой легко делать изменения в коде наших блогов. Самому ковыряться в php или html файлах в обычном редакторе — дело неблагодарное. Ведь легко можно заблудиться в портянке монотонных символов, что может привести к большой куче ошибок. Чтобы этого избежать, нужен удобный и понятный инструмент. Самым лучшим для редактирования кодов является Notepad++. И о нем, его возможностях, а также о самых важных плагинах расскажет постоянный читатель моего блога, известный белорусский блоггер Денис Тумилович.
Всем привет, дорогие читатели блога сайт! Меня зовут Денис Тумилович, возможно, кто-то из читателей меня помнит. Сейчас у меня новый проект – о том, как создать блог и заработать в интернете.
Очень надеюсь на Ваши комментарии, на Ваши вопросы, если есть конечно. Если нет – просто комментарий с благодарностью подойдет.
Раньше я использовал стандартный блокнот или стандартный редактор html, php кода в самом wordpress. Потом мне попался на глаза расширенная версия блокнота, там он был с подсветкой кода. Причем это отдельное приложение было. А назывался что-то вроде Блокнот 2 или как-то так.
Потом было много еще различных редакторов, например Эклипс, Vim, всязкие визуал эдитор, text wrangler и много чего еще.
Однако, со временем стало понятно, что их возможностей мне совсем не хватает. Или мне просто не удобно с ними работать. Особенно, когда речь идет о редактировании php кода. Notepad++ просто не заменим для этого. Да, именно его я выбрал и именно с ним я работаю до сих пор.
Возможности редактора Notepad++
На самом деле в стандартной поставке с Windows – есть кое какой блокнот Notepad, однако наши умельцы дополнили его и сейчас мы знаем о Notepad++. В стандартной поставке Notepad (он же стандартный блокнот) нет вообще ничего, есть только возможность просмотра и редактирования текста. Есть возможность изменить шрифт и размер шрифта, ну и все, в принципе.
Простая установка, небольшой размер редактора
Когда я первый раз увидел этот редактор (имеется ввиду Notepad++) – я сначала подумал что это сложный софт, который нужно сначала пару месяцев скачивать а потом еще пол года в нем разбираться. Оказалось все настолько просто – что теперь Notepad++ всегда со мной:). Кстати, эта софтина идет в комплекте к любому Total Commander.
Скачивание редактора Notepad++
Уже есть куча сайтов, с которых можно скачать различные версии Notepad++, установка которой происходит как и установка любой другой софтины. Существует две версии, причем все они абсолютно бесплатные — стандартная с инсталляцией и портативная.
Портативная версия редактора Notepad++ устанавливается в любую папку, хоть на флешку. Для её запуска совершенно не обязательно наличие операционной системы и привязки к системному реестру. Очень удобная штука. Установил на флешку и носи с собой всегда рабочий notepad который всегда готов к работе, хоть на стационарном компьютере, хоть на ноутбуке.
скачать версию Notepad++ с установкой (с официального сайта notepad-plus-plus.org).
Подсветка кодов в редакторе
Его вес (объем) – не единственный его плюс. У этого php редактора есть еще одно достоинство – подсветка php кода, что в разы упрощает работу с кодом. Подсветка кода у Notepad++ есть не только для php но и для html и любого другого кода.
Благодаря наличию подсветки синтаксиса в Notepad++ очень удобно разбираться в любом коде и даже новичок сможет понять как устроена та или иная программа. Например, моя супруга, совершенно не понимая принципов программирования поняла где и какой тег не закрыт и как его нужно закрыть.
Ну и конечно программа Notepad++ – Это наверное самый быстрый редактор, который я встречал на своем пути блоггера.
Подсветка синтаксиса в Notepad++
Я еще кое-что хотел бы рассказать о подсветке синтаксиса в этом замечательном редакторе. В нем я нашел уникальную возможность. Он позволяет настраивать цвета подсветки синтаксиса php кода (или другого кода) так, как нравиться именно вам и сохранять вашу цветовую схему. Цветовая схема настраивается именно на тип тегов. Например на теги, которые отвечают за числовые значения, или строковые и так далее (картинка кликабельна).
Как вы видите из скриншота – Notepad++ позволяет настраивать цветовые гаммы синтаксиса не только php, но и для любого языка программирования. В левой колонке выбирается язык программирования, во второй слева — тип тега и цвет. Верхний вариант окраски (на скриншоте – оранжевый) – это цвет самого текста. Нижний цвет (на скриншоте – белый) – это для фона под текстом тега. Справа Вы видите настройку шрифта, размера, жирность и прочие параметры текста.
Автоматическое дописывание тегов
Также в этой полезной утилитке есть возможность автоматического дописывания тегов.
Например, Вы не помните как точно пишется тот или иной тег, но точно знаете первые буквы тега. Вам осталось написать эти первые буквы, нажать CTRL + Пробел и перед вами распахнется окно с возможными вариантами написания этого тега.
Простановка маркеров в редактируемом коде
Также следует отметить, что при работе с Html или PHP кодом в окне Notepad++ у каждого из вас есть возможность ставить пометки (маркер). В нужной строке Html или PHP кода, где вы хотите сделать свою пометочку – вы можете поставить на левом поле щелчком мыши маркер в виде синей точки. Также есть возможность поставить маркер сочетанием клавиш CTRL + F2
. А потом можно будет листать маркеры (пометки) клавишами F2
и SHIFT + F2
(если хотите листать в обратную сторону).
Краткий обзор плагинов Notepad++
В этой же статье я решил описать некоторые плагины из числа основных, т.е. которые входят в число «must have». Сегодня наверное любая сборка редактора Notepad++, которую вы скачиваете даже с официального сайта, включают в себя очень много довольно полезных плагинов, однако новички не подозревают о существовании этих плагинов и не в курсе как их включать и для чего они вообще нужны. Поэтому поговорим и на эту важную тему.
Выбор и активация плагинов
Все плагины хранятся вот тут (ну это так, на всякий случай):
\папка с notepad++\App\notepad++\plugins\
Просмотреть список доступных плагинов можно из самого редактора. Для этого нужно перейти по вкладкам на команду «Show Plagin Manager», как показано на следующей картинке:
Здесь мы видим список плагинов Notepad++. Чтобы активировать или проинсталлировать любой из плагинов – нужно выделить их (поставить галочки) и нажать на кнопку «Install». После этого можно будет использовать эти плагины в работе.
Закладки в верху активационного меню плагинов (выделены в красную рамочку) означают:
Доступные для установки / Требующие обновления / Уже установленные
Список плагинов с описанием
Теперь перейдем непосредственно к обзору плагинов Notepad++
- Auto save . Этот плагин помогает в авто режиме сохранять ваш документ. Есть настройки - например, сохранять при потере фокуса.
- Compare . Аналог плагина winmerge. Помогает сравнивать ваши файлы. Отличия конечно подсвечиваются цветом.
- Document Monitor . Проверяет ваш документ - возможно он был изменен другим приложением.
- Explorer . Добавляет обозреватель файлов в блокнот. А еще есть плагин LightExplorer.
- Falling bricks . Добавляет игру – тетрис. Мне понравился – люди моей эпохи (эпохи денди) – тоже оценят, я думаю.
- File switcher . Позволяет пользователю переключатся между несколькими файлами. Полезно если у вас открыто, например, 30 файлов.
- Gtag seach . Поиск по тегам.
- HEX-editor . HEX редактор прямо в блокноте. Добавляет иконку быстрого вызова. Сам не использовал, но думаю спецам удобно.
- HTML tag . Добавляет горячие клавиши, которые помогают в работе с документов, например позволяют скопировать содержимое между тегами одним нажатием.
- JSMin . Плагин для javascript. Удаляет все переносы и отступы в целях уменьшения веса.
- Language help . Позволяет запускать спец файлы помощи (CHM, HLP, PDF) , искать слова в них.
- MathPad . Позволяет производить любые расчеты прямо в документе.
- MIME Tools . Маленьки полезный плагин, добавляет base64 code/decode. Printed quotable…
- MultiClipboard . Плагин ведет историю буфера обмена. Удобно кода много копипастим одно и тоже. Вот скопипастили, потом еще что-то скопировали, и вам нужно вернуться к тому, что вы копировали предпоследний раз. Быстро и удобно.
- NativeLang . Позволяет перевести плагин или меню на ваш язык. Просто переводчик меню навигации.
- NppAutoIndent . Умный авто-отступ для языков C/C++, PHP, Java и других.
- NppCrypt . Добавляет возможность закриптовать (зашивровать/закодировать) файл, чтобы в нем никто больше не колупался.
- NppExec . Добавляет возможность запуска командной строки с параметром. Ну это для профессионалов.
- NppExport . Позволяет экспортировать файл в rtf, html.
- NppFTP . Фтп в вашем блокноте.
- NppNetNote . Позволяет редактировать файл нескольким людям одновременно! Прямо чат устраивать можно.
- Plugin Manager . Менеджер плагинов. Позволяет скачивать/удалять плагины. Удобно.
- Plugin Update . Плагин обновляет плагины. Автоматически проверяет последнюю версию. Полезная штука.
- Regex Helper . Один из полезнейших плагинов для профессионалов веб-разработки. Позволяет протестировать регулярное выражение.
- Run Me . Тоже что то типа NppExec. Есть настройки.
- ScrollPastEOF . Позволяет скролить файл до бесконечности.
- Select N Launch . Позволяет сохранить выделенный кусок файла в новый, с нужным расширением.
- SnippetPlus . Тоже что и Snippets только более продвинутая версия.
- SourceCookifier . Создайт некое превью, типа дерева.
- Speech . Плагин проговаривает выделенный текст.
- Spell-Checker . Проверка слов, типа вордовской. Нужно предварительно установить Aspell.
- WebEdit . Быстрая вставка тегав. Добавляет кнопочки тегов.
- XBrackets Lite . Автодописка скобочек.
- Zen Coding - Python . Плагин zen coding под питон. Для профессионалов.
Да-да. Такая, казалось бы, простейшая программа имеет туеву хучу плагинов. Например я использую плагины Auto save, Compare, Plugin Manager, Select N Launch и др.
Кодировка WordPress и редактор Notepad++
Что такое кодировка? Весь текст, которые вы видите на своих экранах – это числа. Удивлены? Оказывается да. Дело в том, что комьютеры понимают все в цифрах и каждый символ – имеет свой код. Так вот. Кодировка – это можно сказать таблица символов, по которой компьютер определяет, какой символ вам показать. Вот например если вы будете видеть мой блог вот так:
Это кодировка называется windows-1251. Она уже считается устаревшей. Кроме неё есть куча всяких разных кодировок и всех их нам знать и не нужно. Главное знать, что сейчас все используюткодировку UTF-8. Именно с её помощью можно смотреть понятные нам, читаемые, символы. А какая кодировка у WordPress? Конечно самая распространенная, так сказать общепринятые стандарт – UTF-8.
Если Вы пользуйтесь браузером Google Chrome, то можете попробовать изменить кодировку сайта, если открываются вам кракозябры. Для этого Вам нужно войти в раздел «Настройка и управление» и в ниспадающих меню выбрать пункт «Кодировка» как в следующем рисунке (кликабельно!):
Список кодировок будет довольно большим. Можете поэкспериментировать с каждой из них. 🙂
А теперь давайте к кодировке попытаемся пристыковать Notepad++. Почему я о нем упомянул в подзаголовке? Очень просто. При редактировании шаблонов, или при создании новых документов или php-файлов, нужно сохранять и пересохранять все наши файлы в кодировке UTF-8 причем с одной поправкой.
Раньше я всегда думал, что UTf-8 – это все, что нужно знать. Пока не встретился с одним неприятным косяком — все файлы идут в кодировке UTF-8 , а сайт запускается все равно в неправильной кодировке. Почему? И тут в игру вступает так называемый UTF-8 без BOM.
Чем отличается «UTF-8» от «UTF-8 без BOM»?
Дело в том, что в процессе развития кодировок, в том числе и кодировок UTF, добавили возможность записи символов, как в прямой последовательности (например, C2 AD), так и в обратной последовательности (например, AD C2).
И чтобы компьютер знал, в какой последовательности читать код, был изобретен этот пресловутый BOM (Byte Order Mark). Вот и все. Другими словами, BOM – это пометка, с какой стороны читать код символа.
Именно поэтому, в целях корректного отображения текста в вашем блоге WordPress, необходимо использовать кодировку UTF-8 (без BOM). В Notepad++ можно не только создавать, но и преобразовывать тексты в UTF-8 с/без BOM.
К слову скажу, что использование на блоге иных кодировок и наличие в них пометки BOM может сказаться не только на отображении текстов в самом блоге, но и привести к другим, более тяжелым последствиям. Например, к неработоспособности RSS ленты. Эта проблема, кстати, является достаточно большой и тяготит не мало блоггеров.
Заключение
В заключение хочу сказать, что я описал далеко не все прелести редактора кода Notepad++ . Чтобы описать все его достоинства, нужно будет писать такую портянку текста, что Вы, дорогие читатели, просто забьете на блог Максима. Я очень надеюсь, что Вам хватит смелости разобраться в мелких деталях самостоятельно. Ну а если все-таки у вас возникнут какие-то вопросы, я с радостью на них отвечу. Задавайте их в комментариях, давайте обсуждать.
Спасибо, Денис, за столь серьезный обзор по программе Notepad++! Уверен, что многие блоггеры, которые увидят данный пост, еще раз оценят возможности этого редактора. А он действительно хорош, сам давно им пользуюсь.
Кстати, мои читатели видели и более длинные посты, поэтому они без проблем осилят твой пост. 🙂
Уважаемые читатели! Если у Вас возникли вопросы к Денису или ко мне по поводу использования редактора Notepad++, обязательно пишите в комментариях к этой статье.