Сайт о телевидении

Когда-то я пользовался редактором dreamweaver, но когда стал верстать сайты для движка WordPress, то остановился на редакторе Notepad++ . Я им доволен.
Сегодня я расскажу вам об удобных настройках в редакторе Notepad++. Благодаря этим настройкам вы сможете сэкономить уйму времени.
Итак, если у вас нет редактора Notepad++, тогда вы сможете скачать его бесплатно .

Быстрая кодировка UTF-8 в HTML документе

Каждый раз, когда вы создаете новый HTML документ в программе Notepad++, вам постоянно нужно менять кодировку файла из ANSI в UTF-8 (без BOM). Если это делать постоянно, то это забирает кучу времени, да и надоедает, а бывает порой, что и забыть можно.
Чтобы при создании нового HTML документа кодировка была автоматически UTF-8 (без BOM), нужно проделать такие действия:
1). В верхнем меню нажмите на пункт «Опции» => «Настройки…»

4). Жмите на кнопку «Закрыть» .

После таких настроек, при создании нового документа, у вас в HTML документе сразу будет стоять кодировка UTF-8 (без BOM). Кстати, рекомендую почитать статью про .

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

1). Откройте редактор Notepad++ и создайте новый документ
2). Теперь жмите на кнопку «Старт записи» :

3). После того, как нажали на кнопку «Старт записи» , вводим основной HTML код пальчиками или вставляем готовый.
4). Когда дописали код, жмите кнопку «Стоп» :

Настройки:

- «Name » – здесь запишите имя записи, например: основной код HTML.
Ниже укажите горячие клавиши для вызова записи. Например: я поставил птички на «CTRL+SHIFT+ALT»+«K»

Теперь, если вам нужен будет основной код HTML, достаточно будет нажать на горячие клавиши, которые вы указали или перейти в меню «Макросы» и выбрать название записи

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

Автопродление кода – это еще одна полезная возможность, которую дарит нам, веб-мастерам, редактор Notepad++. Если кто не знает, что это за возможность, рассказываю. Когда вы будете писать код в редакторе Notepad++, вы увидите предлагаемые теги в списке:

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

1). Чтобы вызвать окно атопродления кода, воспользуйтесь горячими клавишами «CTRL» + «Space (пробел)» . Минус такого способа в том, что нужно часто нажимать на клавиши;

2). Этот способ позволит забыть о горячих клавишах для вызова окна атопродления кода, так как окно будет появляться автоматически. Для этого нужно зайти в настройки и кое-что подкрутить. Итак, откройте «Опции» => «Настройки» => «Резерв/Автозавершение» и отметьте нужные настройки галочками:

Внимание: два способа работают в том случае, если файл сохранен и указано расширение файла, например: «html, css, php».

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

Итак, выделите нужный кусок кода и нажмите правой кнопкой мыши. В открывшемся списке выберите «Style token» и любой стиль 1-5.

Результат я отметил стрелочкой и цифрой (5 )

Работа с проектами

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

1). Нажмите в меню на вкладку «Вид» => «Проект» => «Панель проекта 1»

3). Кликните по вашему проекту правой кнопкой мыши. В выпадающем списке выберите пункт «Добавить файлы из директории» :

Вот таким способом мы сделали дерево файлов, в котором легко ориентироваться и редактировать, добавлять и сохранять файлы. Удобно и быстро!

Вот такой будет вид после добавления файлов из директории:

В редакторе Notepad++, есть возможность проверить текст на наличие ошибок.
1). Итак, чтобы подключит такую возможность, нажмите на кнопку «проверка орфографии» :

3). Закройте редактор Notepad++. Скачайте и установите вначале полную версию Aspell, а потом русский, украинский и английский словарь:

4). Откройте блокнот Notepad++ снова, теперь у вас появилась возможность проверять текст на орфографические ошибки. Для проверки орфографии документ должен быть в кодировке UTF-8 (Юникод) или UTF-8 без BOM, иначе работать не будет . Далее выделяете нужное слово или весь текст и жмете на кнопку «проверка орфографии». Вот результат:

Внимание: Еще раз напомню, что кодировка файла должна быть UTF-8 (Юникод) или UTF-8 без BOM, иначе проверка орфографии не найдет ошибок:

Если у вас файл сохранен в кодировке ANSI, преобразуйте файл в кодировку UTF-8 или UTF-8 без BOM. Для этого в меню перейдите «Кодировки» => «Преобразовать в UTF-8» или «Преобразовать в UTF-8 без BOM» :

Горячие клавиши в редакторе Notepad++

Чтобы посмотреть или поменять горячие клавиши для вызова каких либо действий, вам нужно в меню перейти по вкладке «Опции» => «Горячие клавиши…»

А вот пару необходимых горячих клавиш, которыми пользуюсь я для ускорения работы:

Полезное дополнение

1). Если выделить текст, правой кнопкой мыши нажать по нему и выбрать вкладку «Закомментировать выделенное» , то весь выделенный текст будет закомментирован вот так:

2). Если правой кнопкой мыши нажать на поле и выбрать вкладку «Закомментировать выделенное», то появиться быстрая возможность закомментировать код:

Кстати, как закомментировать код в HTML, CSS, PHP, JavaScript, почитайте .

Вот и все! Конечно возможностей в редакторе Notepad++ валом, просто для меня это самые необходимые. Если у вас есть что-то интересное рассказать о возможностях редактора Notepad++, пишите в комментариях.

P.S. Всем спасибо за внимание и не забывайте подписываться на обновление моего блога .
Удачи!

Тем, которые решились дерзнуть и создать свой блог или сайт лично, будет нелишне изучить программку — текстовый редактор Notepad++ ! её возможности нынче и рассмотрим:

подстроим первичные, но необходимые рычаги управления редактором, а также, что очень важно, научимся работать с Нотепад как с FTP клиентом (неплохая примочка). Словом, поближе ознакомимся с её редакторскими способностями и выгодными отличиями от IT собратьев.

Текстовый редактор Notepad++ может очень многое из того, что будет необходимо на дальнейшем пути веб разработок. Текстовый редактор Notepad++ — распространяется бесплатно!!

Вот основные его достоинства.

Непременно доложу, — большинство веб мастеров, перепробовав многое разнообразие html редакторов, возвращается снова к Нотепад. И это неудивительно (зачем сложное, когда нужно использовать только нужное).

Первое — как и говорилось: текстовый редактор Notepad++ распространяется совершенно бесплатно. Регулярно обновляется…

Второе — Реальная и завидная скорость работы. Не нагружает систему и всегда под рукой.

Третье — Можно работать с несколькими файлами (Это очень-и-очень удобно, когда мы станем сравнивать наши наработки с оригинальными документами, например).

И — четвёртое — Подсветка синтаксиса при работе с документами …поддерживаются все возможные расширения и языки программирования. Причём, для каждого расширения можно настраивать свою цветовую схему.

…и многое-многое другое. Но обо всём по порядку — в продолжении статьи. Перво-наперво скачиваем программу и переходим к первичной настройке.

текстовый редактор — установка программы Notepad

Идём на официальную страничку программы Notepad и скачиваем последнюю версию (в том формате, в котором она Вам удобнее, либо архив, либо – выберите сами…)

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

настройка текстового редактора Notepad

Все основные настройки находятся во вкладке «Опции» – Настройки: здесь научимся подстраивать редактор именно под свои задачи и требования.

Разберём самое необходимое для начала работы с файлами.

Вкладка «Общие»: возможен выбор языка интерфейса (тем которые этого не сделали на этапе установки).

Если что-то упустим из настроек, всегда можно вернуться и подстроить!

Теперь переходим в подраздел или опцию «Новый документ» — выбираем кодировку в которой (по новому пользовательскому умолчанию)) будут создаваться все новые же документы.

Будет логично, коли выберем UTF-8 без метки BOM.

Ниже есть интересный чекбокс типа «Применить при открытии… ANSI файла…» тут галочку мы ставить не будем, иначе все вновь открываемые документы будут перекодироваться в UTF-8, даже если вы не собираетесь вносить в них изменения, а только хотите взглянуть в недра документации — это нецелесообразно, ведь кодировки требуются разные.

Продолжим настройку текстового редактора Notepad ++

Ниже идет подраздел типа «выбор вариаций синтаксиса».

Здесь нужно из выпадающего меню выбрать тот, с которым вы будете чаще работать – HTML или CSS , словом, тот, который вам необходим.

Раздел «Автозавершение», — полезная функция, которая позволит избежать ошибок с незакрытыми кавычками, скобками… Отмечаем все чекбоксы, кроме HTML/XML.

А в общем, после первичного тестирования заданных настроек Нотепад ++ поправите под себя, если что…

С окошком «Настройки» редактора закончили. Дальше переходим во вкладку «Вид» и помечаем опцию «Перенос строк».

Полезная штучка: предположим, если редактируемый файл (что очень частенько бывает) написан в одну длинную строку… помеченная опция заставит документ отображаться (только в редакторе) и прокручиваться не горизонтально (что весьма неудобно), но — вертикально!

Эта ГОРИЗОНТАЛЬНАЯ прокрутка выведет из себя, если вовремя не разобраться с настройками текстового редактора Notepad++ и вообще… с вариантами и выгодами того или иного способа программного письма документов.

Вот как бы вроде как что ли и всё))

В принципе, этих выполненных настроек, для нормальной начальной работы, пока достаточно.

Однако давайте научимся тому

как активировать в Notepad++ функцию ftp клиента

Наверное — удивлю, если скажу, — заставить нотепад работать в роли ftp клиента — элементарно! И необязательно быть Уvотсаном)

Для этого вновь обратим взор на панельку инструментов (фото)

Справа (в основном окне редактора) раскроется небольшое окошко настроек ftp клиента Notepad++

Готово дело! вот мы и активировали функцию ftp клиента в программе нотепад. Однако этого мало…

Весьма логично перво-наперво создать имя ftp доступа: кликаем «Add nev». В выпавшем окошке, задайте какое-то имя понятное вам — англицкими литерами (в этом случае возможно записать имя и русскими буквами, но для привычки /на будущее/, будет правильнее использовать английское наречие).

что эти данные значат:

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

Стоит посетит панель управления аккаунтом хостинга и разобраться. Либо обратитесь в поддержку…

После того прописываем необходимую информацию в соответствующих полях.

1 — Hostname — имя хоста.

2 — значение порта подключения (по умолчанию 21) уточните «своё» значение!

3 — логин входа

4 — пароль!

По завершении ввода данных:

Подключаемся к серверу возможностями нотепад…

…на панели инструментария жмём значок

…и выбираем соответственно — имя клиент-соединения, которое задавали на начальном этапе. У меня, как видите, MIHA

Процесс соединения с сервером по ftp средством Notepad запущен. Через секунды в окошке клиента появятся папки вашего сайта, расположенные далеконько сервере (но теперь под рукой).

Управление обычное, думаю, сорить скринами далее нет смысла…

Двойным кликом, открывается папка (директория/подпапки) и соответственно парой кликов открывается для редакции файл-докумет: его кодированная повесть появится в правом окне для редакций…

Так и предстоит работать.

Всё остальное по редактуре как и с файлами на локалке или из папки компа: кнопь «Сохранить» и… всё наредактированное замечательно сохраняется (каламбур)

На этом моё повествование решительно окончено!..

…иначе закаламбурюсь)) да и вы обидитесь: скажете — куда уж жевать-то — мы не такие и глупые))

Плодотворного творчества!!

Если что-то не ясно и остались вопросы, делитесь ими в комментариях...

Notepad++ представляет собой open-source текстовый редактор для Windows. Мне приходится работать с различными технологиями, и нет возможности установить сразу все редакторы

(вроде Dreamweaver, Visual studio и так далее). Поэтому я использую Notepad++ в качестве своего стандартного текстового редактора . Он простой и быстрый.

Давайте я поделюсь с вами некоторыми рекомендациями, которые помогут веб-разработчикам и дизайнерам работать более продуктивно:

1. Выделение блоков:

Как и в VS 2010, Box Selection (или выделение колонок, блоков или прямоугольников) есть и в Notepad++. Вам нужно зажать клавишу Alt, выполняя выделение. Также есть возможность выделить блок горизонтально.

2. Режим расширенного поиска:

В основном, он нужен для преобразования символа новой строки/вкладки. Предположим, вам нужно убрать символ новой строки:
Нажмите Ctrl+H, выберите ‘Extended Search Mode’. Используйте \n, чтобы найти то, что нужно заменить блоком текста. Нажмите Replace All (заменить все), чтобы убрать символ новой строки.

3. Вертикальный просмотр вкладок:

Предположим, вам нужно просмотреть два файла, и вручную сравнить их друг с другом. Вы можете открыть вкладки в режиме вертикального просмотра. Для этого кликните по tab > “Move to Other View (переключиться на другой режим)”. Для переключения режимов просмотра можно использовать клавишу F8.

4. Minify JS:

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

• Edit > Blank Operations > Trim Header and Trailing Space
• Edit > Blank Operations > Remove Unnecessary Blank and EOL

5. Удаление номеров строк или первого слова:

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

• TextFX > TextFX Tools > Delete Line Numbers or First word

6. Добавьте номера строк:

Вы можете добавить номера строк через меню Edit > Column Editor > Number to Insert > Set Initial Number and Increase By >OK.
Вы также можете добавить любой текст.

7. Автоматическое закрытие HTML/XML-тэгов:

Если вы работаете с HTML или XML-файлами, редактор автоматически закрывает за вами каждый HTML-тег.

• TextFX > TextFX Settings>Autoclose XML/HTML tags

8. HTML-кодировка:

Будучи блогером, мне часто приходится публиковать исходники HTML-кода. Мне нужно кодировать html перед публикацией, и Notepad++ позволяет сделать это без труда.

• TextFX > TextFX Convert > Encode HTML

9. Быстрое генерирование динамических контроллеров:

Предположим, вам нужно, чтобы html-контроллеры создавались динамическим образом. Для этого, сначала создайте статичный HTML-шаблон. Выберите нужный язык и TextFX > TextFX Convert > Convert Text to Code Command. Эта функция позаботится о цитатах и переносах строки.

10. Настройка HTML Tidy:

Предположим, что у вас есть только контента тела HTML, и вам нужно создать правильный HTML-файл. В этом случае вам на помощь приходит HTML Tidy.

• TextFX > TextFX HTML Tidy > Tidy (наиболее часто встречается HTMLTIDY.CFG)

11. Запуск в браузере:

Вы можете тестировать ваш HTML-файл прямо в браузере, нажав RUN и выбрав пункт Launch in Browser.

12. Выравнивание линий

Это, пожалуй, моя любимая функция. Вы можете выровнять несколько строк функцией,(comma), = (equal sign). Это очень удобно и полезно при выделении блоков.

TextFX > TextFX Edit > line up multiple lines by …

13. Остальное:

Удаление пустых строк:

TextFX > TextFX Edit > Delete Blank Lines
TextFX > TextFX Edit > Delete Surplus Blank Lines
Изменение регистра:
TextFX > TextFX Characters > выбираете нужный регистр.

Большинство встроенных функций можно выполнить при помощи режима расширенного поиска. Если у вас есть еще какие-либо советы, то не стесняйтесь, пишите в комментариях.

Наслаждайтесь Notepad++ 😉

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

Уже на протяжении многих лет он является одной из самых востребованных и используемых мною программ для редактирования Html, CSS и PHP кода. Даже удивляюсь: «а как я раньше обходился без него, реализуя его потенциал с помощью каких-то других программ?».

Сейчас у меня на компьютере всегда одновременно запущена пара браузеров, очень простой, бесплатный и удобный ФТП менеджер FileZilla и этот самый редактор, возможности которого просто несравнимы с используемым в Windows по умолчанию блокнотом. Но обо все по порядку.

Скачивание и возможности редактора Notepad ++

Установка программы в Windows осуществляется совершенно обычным способом. Так же при желании можете скачать Notepad ++ Portable , представляющий из себя портативную версию этого редактора, не требующую установки в операционную систему.

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

Все плюсы редактора Notepad++

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

Начав же пользоваться Нотепадом с двумя плюсами, хотя бы для корректировки Html и CSS файлов, вы сразу попадете из каменного века в кабину современной землеройной машины. Есть, конечно же, и другие альтернативные программы и даже , но для новичка «блокнот с двумя плюсами» будет самое то (имхо).

Да, конечно же, поначалу использование его может показаться замысловатым и нетрадиционным. Но это только в самом начале знакомства, а потом вам будет так же сложно обходиться без него, как, например, многие пользователи компьютера не мыслят свою жизнь (тоже своего рода «классика»).

Если сравнивать Notepad ++ с более сложными программами, предназначенными для облегчения написания и редактирования различных кодов, таких, например, как Dreamweaver, то и тут найдется не мало аргументов для использования именно нашего героя:

1. Во-первых, он абсолютно бесплатный , а значит вы сможете существенно сэкономить, используя его вместо того же Dreamweaver, если не брать в расчет взломанных версий платных программ (которые вполне могут быть рассадником троянов и других вирусов).
2. Во-вторых, Нотепад намного более легкий и быстрый , нежели многие из платных редакторов. Кроме того, имеется возможность использовать вообще не устанавливая его в операционную систему Windows (так называемая портативная версия — портабл) и носить его, допустим, . В результате вы всегда будете иметь под рукой удобный, функциональный и хорошо понятный вам инструмент для работы с Html, PHP и несколькими десятками других разновидностей кода.

Почему именно это редактор стоит скачать?

Давайте вкратце пробежимся по его возможностям и особенностям, а потом попробуем их рассмотреть более подробно. Итак, Notepad++ умеет следующее:

1. Подсвечивать несколько десятков наиболее популярных языков программирования и разметки, например, такие как: Ada, Assembler, C, C#, C++, CSS, FORTRAN, HTML, Java, JavaScript, Objective-C, Pascal, Perl, PHP, Python, Ruby, SQL, XML.

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



Если щелкнуть мышью на открывающем Html теге, то он выделится синим фоном и одновременно так же будет выделен и закрывающих тег, если таковой имеется. Замечательно помогает найти незакрытые элементы и .

2. В нем очень просто осуществить смену кодировки , например, на являющуюся сейчас популярной , о которой я рассказывал в статье, посвященной борьбе с кракозябрами в кодировках русского языка (см. ее по ссылке).
   
   
3. В одном окне программы можно будет открывать на редактирование сколько угодно файлов, ибо Notepad++ использует вкладки на манер тех, к которым вы уже успели привыкнуть в современных браузерах.

   

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

4. С помощью этого редактора можно вести поиск (Ctrl+F) как по открытому в нем документу, так и по целому сонму текстовых файлов, лежащих в определенной папке. Возможен поиск с заменой и с использование регулярных выражений. Потрясающе удобный инструмент.
   
   
5. В настройках этого редактора можно включить автоматическое прописывание закрывающего Html тега, при наборе открывающего, а так же опцию автозавершения тегов.
6. Нотепад++ не только ведет историю всех ваших изменений и позволяет откатиться на сколько угодно шагов назад или вернуться вперед, но и осуществляет резервное хранение копий этих документов на манер того, как это делает Микрософт Ворд.
7. Этот редактор имеет возможность управления горячими клавишами , которых в нем задано великое множество — из верхнего меню «Опции» — «Горячие клавиши». Причем, при двойном щелчке мышью по интересующей вас комбинации откроется окно для переназначений клавиш, что может быть удобно тем, кто на Notepad пересаживается с другого редактора.
   
   
8. Нотепад за годы своего существования обзавелся массой плагинов , некоторые устанавливаются с ним по умолчанию, а остальные будут доступны для вас из верхнего меню «Плагины» — «Plagin Manager» - «Show Plagin Manager».

   

   Для установки вам достаточно будет на первой вкладке поставить галочку у нужного плагина и нажать на кнопку «Install».

   
   

   После этого окно редактора перегрузится и новый плагин будет доступен в одноименной вкладке:

   

   

9. Еще этот «швейцарский нож» умеет подключаться к вашему сайту по ФТП, записывать и воспроизводить макросы, осуществлять проверку орфографии на лету, проводить сравнение двух файлов в открытых рядом окнах и многое — многое другое.

Что вам еще может понадобиться в Нотепад ++

1. Благодаря подсветке синтаксиса в Notepad ++ очень легко, например, проверить, закрыты ли все Html теги в коде, а при наличии минимального опыта вы уже визуально будете отмечать, что в коде у вас где-то была допущена ошибка , ибо изменится цветовое оформление кода в этом месте.
2. Так же, из-за того, что код выделяется цветом, а обычный текст моих статей остается черным, моему неизменному корректору грамматических ошибок (любимой супруге) очень удобно осуществлять проверку грамматики именно в нем. Нет, кончено же, я использую и различные , но не одни из них еще не умеет проверять пунктуацию, да и смысловые ошибки тоже.
3. Еще мне в этом текстовом редакторе очень нравится возможность наглядного отображения отдельных блоков кода с помощью подсветки скобок вида { } (). Когда курсор мыши находится между какими-либо скобками, то они подсвечиваются, как бы выделяя начало и конец блока Html или PHP кода.
4. Кроме отличной реализации подсветки следует отдельно отметить возможность сделать шаг назад (отменить предыдущее действие). Причем количество шагов назад не ограничено, что позволяет не бояться экспериментировать с кодом без риска необратимых последствий.

   

   Отмена действия в Notepad++ возможна с помощью горячих клавиш Ctrl+Z (Ctrl+Y — шаг вперед, т.е. отмена произведенной отмены), с помощью соответствующих пунктов меню «Правка» или же с помощью кнопок в виде загнутых стрелочек на панели инструментов этого редактора.

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

   

   Но вам никто не мешает это сделать, благо что все предельно просто — выбрать из верхнего меню пункты «Опции» — «Определение стилей», в результате чего откроется окно, где вы сможет сами тонко настроить шрифты и цвета для подсветки Html, PHP или любого другого нужного вам языка.

Так же в Notepad++ имеется возможность автоматического завершения набираемого вами слова, что может быть очень удобно, если вы не уверены в правильности написания того или иного оператора Html, PHP или любого другого кода. Для этого вам при наборе достаточно нажать сочетание клавиш Ctrl-Пробел и выбрать из открывшегося окна нужный вариант:



Если хотите сделать автозавершение кода автоматическим, без использования горячих клавиш, то нужно будет выбрать из верхнего меню «Опции» — «Настройки» и на вкладке «Резерв/Автозавершение» поставить галочку в поле «Включить для каждого ввода».

7. Очередной примочкой, которая кажется мне довольно удобной в этом редакторе, является возможность перетаскивания ярлыков документов прямо в окно программы для их открытия (хотя этим вряд ли можно кого-то удивить) и возможность перетаскивать в самом документе выделенный фрагмент кода (левой кнопкой мыши) в нужное вам место.
8. При работе с Notepad++ у вас будет возможность ставить маркеры , которые в нем обзываются заметками, но суть от этого не меняется. В нужной вам строке можете поставить на левом поле щелчком мыши маркер в виде синей точки.

   

   Для установки маркера (заметки) в редакторе так же можно воспользоваться сочетанием клавиш Ctrl-F2, а для перемещения между проставленными в документе маркерами достаточно будет последовательно нажимать F2 или Shift-F2 для листания заметок в обратную сторону.

9. Если вы работаете в этом редакторе с Html файлом, то можете посмотреть как будет выглядеть ваш код в браузере FireFox или IE посредством выбора соответствующих пунктов меню «Запуск». Если нужен другой браузер, то выбираете верхний пункт «Запуск» и отыскиваете в открывшемся окне нужный вам экзешник.

   

10. Так же имеется возможность записи макросов , которые мне еще не доводилось создавать, но логика их работы довольно проста. Сначала вы записываете его, выбрав из меню редактора пункты «Макросы» — «Старт записи», а затем вставляете записанные макросы в нужное место кода, выбирая их из меню редактора или же воспользовавшись назначенными для них горячими клавишами.

Кодировки и работа с файлами в окне редактора Нотепад++

1. Следует отметить, что этот редактор кода позволяет сохранять и преобразовывать файлы Html, PHP и другие в кодировку UTF-8 (без BOM). Мне это не раз помогало побороть проблему с русской кодировкой при работе с различными сайтами.

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

   После того, как исходный файл был преобразован в кодировку UTF-8 (без BOM) , кракозябры с успехом трансформировались в обычные русские символы. Т.о. если вы добавляете кириллицу в какие-либо файлы движка, то для ее правильного отображения на сайте нужно будет либо сразу его сохранять в правильной кодировке, либо потом преобразовывать.

   Следует сказать, наверное, пару слов про этот самый BOM. Дело в том, что когда вы работаете с разными текстовыми объектами в обычном блокноте Windows, то при сохранении его в кодировке UTF-8 происходит добавление невидимых символов (BOM), которые могут сказаться впоследствии на работоспособности данного файла (например, PHP может выдавать ошибку).

2. Если вы захотите распечатать содержимое открытого файла, то на печать будет выведен код не в том виде, в каком вы его наблюдаете в окне программы. Но выбрав из меню «Опции» — «Настройки» вкладка «Печать» вы вольны будете это изменить и выбрать вариант печати подсветки кода цветом, разрешить отображать номера строк, колонтитулы и т.п. вещи:
   
   
3. В этом продвинутом текстовом редакторе так же имеется возможность открывать сколь угодно много новых документов, не опасаясь, что вы тем самым захламите панель задач операционной системы. В унисон с современными браузерами, он будет открывать все новые документы не в новом окне программы, а в новой вкладке уже открытого окна.

   

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

   

   Ну, и в зависимости от сделанных настроек («Опции» — «Настройки») все открытые перед закрытием Notepad ++ вкладки будут восстановлены при очередном запуске программы (опять же аналогично работе браузеров). Закрывать ненужные можно двойным кликом по ним или размещать их вертикально.

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

   Для активации этого режима вам будет достаточно щелкнуть правой кнопкой мыши по нужной вкладке PHP редактора и выбрать из контекстного пункт «Дублировать в Другом окне».

   

   Очень удобно то, что сохранив изменения в одной из копий документа, обновится и вторая (т.е. вы не запутаетесь — сохранили ли вы произведенные изменения и в какой именно копии).

5. Так же в нем мне очень нравится встроенный поиск по открытым Html или PHP документам с возможностью замены (некоторые активно используют для этого регулярные выражения, но я к своему стыду их не знаю). Все богатство поиска в этом продвинутом текстовом редакторе можно оценить, просто открыв пункт меню «Поиск». Скриншот смотрите в начале статьи.

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

Использование плагинов в Notepad++

Напомню, что для установки нового плагина вам достаточно будет выбрать из верхнего меню редактора «Плагины» - «Plagin Manager » - «Show Plagin Manager».

А в открывшем окне на первой вкладке (из верхнего меню) поставить галочку у нужного плагина и нажать на кнопку «Install» .

После этого окно редактора перегрузится и новый плагин будет доступен в одноименной вкладке. В общем, все проще некуда.

Какие плагины для Нотепада вам могут понадобиться в работе

Очень много дополнительных и удобных примочек предоставляет плагин «TextFX» , который после установке будет доступен в одноименном пункте верхнего меню редактора. Если у вас еще такого пункта нет, то зайдите в «Плагины» - «Plagin Manager» - «Show Plagin Manager», прокрутите список в первой вкладке вниз и поставьте галочку напротив TextFX Character.

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



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

Примочек в «TextFX» довольно много, поэтому попробуйте их работу на практике сами и определитесь что именно вам будет удобно и полезно.

Ну, и продолжая тему вкладок в редакторе стоит упомянуть еще о возможности сравнения двух документов . Сначала этот плагин нужно будет установить через Plagin Manager:



Для активации режима сравнения документов в Notepad++ вам будет достаточно выбрать из верхнего меню пункты «Дополнения» — «Compare» — «Compare» или нажать Alt+D на клавиатуре. В результате в окне этого блокнота будет открыта активная в данный момент вкладка, а так же вкладка расположенная рядом с ней.



Для удобства сравнения двух Html или PHP документов, редактор Notepad ++ подсветит для вас различия в них. Для перехода в обычный режим работы с документами нужно в верхнем меню выбрать пункты «Дополнения» — «Compare» — «Clear Results» или нажать Ctrl+Alt+D на клавиатуре.

Причем, два документа в окне Notepad++ можно будет просматривать как в вертикальном, так и в горизонтальном виде. Для выбора наиболее удобного для вас способа щелкните правой кнопкой по месту их раздела и выберите направление поворота (вправо или влево).

Кстати, если вы, как и я, в основном используете Notepad++ для редактирования Html или PHP файлов своего сайта, то вам может пригодиться возможность подключаться к нему по FTP напрямую из этого текстового редактора . Мне, правда, как то работа с FileZilla больше по душе, тем более что даже из нее у меня пароли увести умудрились.

Если вы хотите попробовать работу по FTP через Нотепад, то выберите из верхнего меню пункты «Плагины» — «NppFTP» — «Show NppFTP Window», в результате чего справа откроется окно FTP клиента.



Для настройки подключения по FTP щелкните по иконке шестеренки, выберите пункт «Profile Setting» и введите данные вашего подключения. Дальнейшая работа мало чем отличается от того, что я писал в статье про FileZilla, которая живет .

1. Если вы установите плагин Customize Toolbar с помощью Plagin Manager, то получите возможность перетасовать, удалить или добавить новые кнопки на панель инструментов этой программы.
   
   
2. В начале статьи я упоминал Light Explorer, который добавляет возможность открытия в левой колонке менеджера файлов . Однако, для этой же цели можно использовать и Explorer, который вы найдете в менеджере плагинов.
   
3. Отличный плагин WebEdit , позволяющий по аналогии с Html редактором Вордпресса обрамлять текст наиболее востребованными тегами заголовков, списков, таблиц и других. Выделяете нужный фрагмент и щелкаете по одной из кнопок на панели инструментов Notepad++.
   
4. ImgTags — позволяет с уже прописанными горизонтальным и вертикальным размером (сам их вычисляет, что очень здорово), заготовленным атрибутами ALT и SRC (нужно будет туда еще добавить путь до папки с картинками на вашем сервере).
   

Проверка правописания окне в Нотепад++ с помощью плагинов

Для подключения проверки грамматики русского языка в редакторе Notepad ++ используется плагин Shell-Checker (из пункта меню «Плагины»), для работы которого вам потребуется скачать словарик русского языка с этой страницы , а при активации данного плагина проверки орфографии — указать путь на вашем компьютере до файла словаря.



Есть нюансы установки. Сначала нужно будет скачать Full installer , а потом файлик с русским словарем aspell-ru-0.50-2-3.exe . Сначала ставите полный установщик, в мастере которого, лично я, не менял выбранный по умолчанию путь (c:\Program Files (x86)\Aspell\).

Потом ставите языковой пакет, где сначала в досовском окне придется вводить буковку «y» и нажимать Enter на клавиатуре (хотя, возможно это было только у меня, т.к. я уже ставил GNU Aspell на компьютер до этого):



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

Теперь перезагружаете Notepad ++ и либо выбираете из меню показанные чуть выше пункты, либо удерживаете на клавиатуре нереальную комбинацию CTRL+ALT+SHIFT+S. В открывшемся окне вы должны будете ввести путь до каталога BIN из папки Aspell:



Если при установке GNU Aspell и русского словаря путь вы не меняли, то сюда надо будет вставить:

C:\Program Files (x86)\Aspell\bin\

Ну, или что-то подобное, в зависимости от вашей операционной системы. Все, теперь выделяйте тот текст, в котором вы хотите проверить орфографию, и жмите на CTRL+ALT+SHIFT+S (в настройках горячих клавиш эту комбинацию можно будет сменить — смотрите выше). Появится окно где будет отображена первая найденная ошибка:



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

DSpellCheck — очень удобное решение на манер предыдущего плагина, ибо в нем тоже используется GNU Aspell и его русский словарь, но вот проверку орфографии он уже делает налету, так же как и во всех современных браузерах. Заходите в менеджер плагинов и устанавливаете его.



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



Выбираем из выпадающего списка Aspell (если он у вас еще не установлен, то прокрутите чуток вверх эту статью и загрузите модуль вместе с русским языковым пакетом, чтобы установить их в вашу ОС), а чуть ниже указываете путь до файла aspell-15.dll. Еще чуть ниже выбираете язык подключаемого словаря, если вы их ставили несколько, и жмете на Apply.



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

Удачи вам! До скорых встреч на страницах блога сайт

посмотреть еще ролики можно перейдя на

Вам может быть интересно

Как удалить пустые строки в Notepad ++ Как из списка URL адресов вычленить домены и убрать их повторы с помощью Notepad++ (готовим список для Disavow links)

Привет, посетителям и постоянным читателям моего блога!

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

Слышали о таком? Уверен, что ваш ответ будет положительным. Вот и я о нем слышал и постоянно им пользуюсь на протяжении более 2-ух лет. Но вот в чем мой недостаток,- я не рассказал вам о нём! Беда… Надо исправлять ситуацию!

Если хотите посмотреть на мой первоначальный шаблон до исправлений и обновления дизайна, то зайдите на сайт NewWpThemes.com и посмотрите мой стандартный бесплатный шаблон под названием Incredy.

Это шаблон, над которым мне пришлось изрядно потрудиться, чтобы сделать . Получилось у меня или нет, судить вам. Хочу сказать, что на пути изменения шаблона блога я имел дело с различными редакторами кода. Однако в последнее время я стал замечать, что больше всех приближена к моим требованиям была эта программа — Notepad++.

Она включает в себя огромное количество достоинств в виде простоты использования, классного дизайна, удобного интерфейса и необходимого набора важных для работы инструментов. Бесплатный html и php редактор Notepad++ это незаменимый помощник вебмастера, с помощью которого можно легко редактировать html, php и css коды на своем сайте или блоге. Это я проверил это на своем личном опыте!

Что такое Notepad++

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

В связи с этим вы можете с ней делать все что захотите, но только придерживаясь условий лицензии GNU General Public License.

Программа Notepad++ создана с целью распространения данного программного обеспечения и призвана приносить пользу.

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

Я бы подчеркнул несколько важных преимуществ этой проги:

• Программа на самом деле бесплатна (я говорил об этом ранее, но повторюсь);

• высокая скорость открытия редактора. Ребята, она реально быстро загружается;

• возможность установки дополнительных модулей и для Notepad++ для расширения функционала программы;

• Мультиязычность дает возможность пользоваться программой на родном языке;

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

Классные функции редактора Notepad++

• Подсветка синтаксиса ();

• Кнопка, отменяющая последнее действие пользователем и позволяющая также вернуться вновь в исходное положение кода;

• Замена определенных фрагментов во всем коде и поиск нужного элемента кода;

• Изменение масштаба кода (увеличение или уменьшение размера текста);

• Функция автоматического закрывания тегов в Notepad++;

• Мультиязычность (очень много языков в программе для удобства пользователей из разных стран);

• Возможность работать с несколькими файлами в одно и то же время благодаря системе вкладок;

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

Как я уже говорил, данная программа абсолютно бесплатна. А это говорит о том, что ее можно без проблем скачать с официального сайта http://notepad-plus-plus.org/

Последняя версия редактора: Notepad++ v6.6.9 (дата выпуска 07.09.2014).

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

После того как вы скачали программу, нажимайте на скачанный установочный файл двойным щелчком мыши для запуска мастера установки Notepad++. Нажмите кнопку «Далее»:

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

Принимайте условия лицензионного соглашения (кнопка «Принимаю»). Далее выберите путь установки программы на своем компьютере и кликаем «Далее». После этого установим компоненты программы.

Отмечаем пункт «As default html viewer» для просмотра HTML по умолчанию:

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

У вас будет возможность изменять язык, перейдя по вкладкам «Опции» редактора Notepad++ ? «Настройки» ? «Общие» ? «Язык интерфейса».

Теперь настроим компоненты программы:

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

Если захотите, то можете просто скачать эту папку из директории на любой цифровой носитель информации (например, флешку), и вы получите версию Notepad Portable. Однако хочу вас предупредить кое о чем. Не устанавливайте программу Notepad на съемный носитель в первый раз установки. Лучше на компьютер. В противном случае будет отсутствовать нужная запись в реестре. Из-за этого, не исключено, у вас появятся проблемы с кодировкой.

• Второй пункт не отмечайте. Он предоставляет возможность установки плагинов в автоматическом режиме в папку AppData. Но мало ли что туда могут закачать! Оно нам не надо!

• Третий пункт можете пометить, чтобы иконка программы Notepad++ появилась на рабочем столе вашего ПК.

• Четвертый пункт предлагает использовать старые иконки данной программы. Они нам ни к чему! Оставим лучше его пустым:

Итак, все пометили, что нам нужно для работы. Теперь нажимаем кнопку «Готово»:

Теперь вы можете запустить этот удобный, практичный и бесплатный html редактор Notepad++!

Как пользоваться Notepad++.

Теперь настало время разобраться в том, как нужно работать с Notepad++. Может кто-то из вас знает, как это делается. Это отлично! Если я что-нибудь упущу из виду, то вам можно будет описать этот момент в . Ну, а я продолжу. Посмотрите на окошко программы редактора Notepad++:

В самом верху окошка находится основная панель программы — «Панель меню»:

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

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

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