Как создать программу в notepad. Интересный нотепад. это все с блога Валерия Воронина

Описание программы

Notepad++ редактор кода, с поддержкой синтаксиса популярных языков программирования: C, C++, C#, Java, JS, PHP, RC/INI и пакетные файлы, XML, HTML, CSS, ASP, SQL, Python, Perl, NFO Makefile, VB/VBS, Objective-C, Паскаль, Lua, NSIS и прочие.

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

Лично я использую его в основном для массовой замены (удаления/переименования) кода и текста в файлах . Для верстки сайтов я пользуюсь brackets, а для тех кто программирует к примеру в php лучше пользоваться Visual Studio Code.

Преимущества текстового редактора Notepad++:

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

Он бесплатен;
очень лёгкий и быстрый;
есть возможность отмены действия;
можно одновременно работать с множеством файлов;
подсветка синтаксиса;
поддержка плагинов;
встроенный ftp клиент;
поиск с возможностью замены.

Скачать актуальную версию Notepad++ для Windows XP/7/8/10 на русском.

  1. Обычную версию, с официального сайта: notepad-plus-plus.org/download/ .
  2. Portable версию с: portableapps.com/apps/development/notepadpp_portable .

Установка и первоначальная настройка Notepad++.

Запускаем скачанный файл. После этого выбираем язык программы и нажимаем на кнопку «Ок»

После чего выбрать место (папку) для установки программы:

На следующем шаге Вам нужно выбрать дополнительные компоненты (я выбрал всё кроме дополнительных языков) и нажать на кнопку «далее»:

Затем «Готово».

Теперь зайдите во вкладку «Вид» – и щёлкните по пункту «Перенос строк»

После этого текст не будет растягиваться в длинные строчки, а будет укладываться в ширину окна.

Теперь зайдите во вкладку «Опции» – «Настройки»

И перейдите во вкладку «Новый документ». В пункте кодировки выберите UTF-8 без метки ВОМ и установите галочку на против пункта «Применить при открытии ASNI файла»:

После этого все файлы в в кодировке ANSI будут автоматически преобразовываться в UTF-8 без ВОМ, это поможет вам избежать всяких козябряк при редактировании php файлов.

Здесь же во вкладке «Резерв/автозавершение» может включить (отключить) автоматическое завершение слов или функции:

Работа в Html и PHP редакторе Notepad ++

Теперь давайте откроем файл какой-нибудь темы шаблона и на примерах рассмотрим функции Notepad ++.

1. Нумерация строк;

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

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

3. Отмена и повтор действий. Например: вы что-то редактировали в файле (добавляли, удаляли, меняли и т.п.) и вдруг совершили ошибку, и хотите вернуть все как было изначально. Для этого Вам просто напросто, необходимо воспользоваться стрелочками на панели инструментов либо клавишами Ctrl+Z (шаг назад).
Шагов назад (или вперёд) может быть сколь угодно (допустим вы внесли 103 изменения в файл, тогда будет 103 шага назад), вплоть до первоначального файла;

4. При клике мышкой по какому-либо открывающемуся тегу ({}, ,(/), и т.д.) редактор автоматически выделит цветом закрывающий (или наоборот) парный тег, таким образом выделит PHP или HTML код заключенный между тегами Я нажал на открывающийся тег div, 16 строка, после чего редактор автоматически выделил и закрывающий div 27, показывая нам весь блок div с классом «author»;

5. Элементы кода выделяется различными цветами (обычный текст выделяется черным цветом);

6. При нажатии на минус/плюс, определенный участок кода свернется/развернется.

Кодировка UTF-8 (без BOM).

Если вы не произвели настройки описанные выше, то при редактировании php, html файлов вы можете столкнуться с следующим: русский язык на сайте отобразится кракозябрами или какими-нибудь знаками вопроса, причина этому кодировка ANSI (Windows-1251), в которой ранее был сохранен исходный файл. В этом случае Вам необходимо будет проделать следующее: выделить и вырезать весь код и текст, затем перейти во вкладку кодировки и преобразовать этот файл-ы в кодировку UTF-8 (без BOM), затем вставить туда ранее вырезанный код и сохранить.

Поиск в Notepad (Plus Plus).

Здесь довольно всё просто и проблем возникнуть не должно. Искать можно как по текущему документу (Find), так и по всем файлам (Find in Files) в определённой вами директории:

К стати здесь же вы можете автоматически заменить какие вам угодна слова! Для этого заполните поле «Заменить на:» и нажмите на кнопку «Заменить в файлах»! Эта функция может пригодиться при переводе шаблонов, т.к. во многих файлах шаблонов попадаются одни и те же слова (предложения), которые разом можно поменять во всех файлах темы – если у Вас мало опыта, то пользуйтесь функцией замены поосторожнее.

Автоматическое завершение набираемых слов.

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

Как включить/отключить автозавершение я рассказывал в самом начале.

Ну вот в принципе и все, что вам нужно знать на начальном этапе.

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 , example: perl.exe -c -w test.pl (-c = compile -w = warnings) * Click on Save * Type a name to save the script (ie Perl Compile) * Go to Menu Plugins -> Nppexec -> advanced options -> Menu Item * In the combobox select the script recently created and click ok -> ok * Restart Notepad * Go to Menu Settings -> Shortcut mappter -> Plugins -> search for the script name * Select the shortcut to use (ie ctrl + 1), click ok * Verify that you can now run the script created with the shortcut selected.

* 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 , example: perl.exe -c -w test.pl (-c = compile -w = warnings) * Click on Save * Type a name to save the script (ie Perl Compile) * Go to Menu Plugins -> Nppexec -> advanced options -> Menu Item * In the combobox select the script recently created and click ok -> ok * Restart Notepad * Go to Menu Settings -> Shortcut mappter -> Plugins -> search for the script name * Select the shortcut to use (ie ctrl + 1), click ok * Verify that you can now run the script created with the shortcut selected.

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 на клавиатуре.

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

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

В этом материале я приготовил для вас лучшую информацию о такой незаменимой программе как бесплатный 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 бесплатно !

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

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

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

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

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

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

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

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

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

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


Шаг 6.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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