Hello друзья на волнах блога сайт после новогодних праздников вернулся к новым публикациям, радовать новой интересной информацией. В данном посте приведу подборку наиболее популярных программ для правки кода (html, css, js, php). Прежде всего ориентируюсь на разработчиков (кодеров) , которым будет удобно работать с подсвеченным синтаксисом, готовыми сниппетами и другими плюшками в составе программы. Определим лучший текстовый редактор html.

Прежде чем перейдем к списку html редакторов, хотел бы услышать ваше мнение в комментариях, каким пользуетесь вы редактором кода. Каждому разработчику удобен свой инструмент, к которому он привык и я хотел бы, чтобы было поменьше споров в пользу того или иного продукта. А если и надумаете спорить, то хотел бы вас попросить аргументированно высказаться насчет своей программы, которой пользуетесь.

Надеюсь все помнят, где можно достать платный продукт! Только ттссс, я вам не говорил =)

1. Notepad++

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

Возможности:

• Подсветка синтаксиса
• Сворачивание кода, раскрываемый значок
• Автодополнение слов и выражений и автоматическое закрытие скобок и тэгов (включается в настройках)
• Закладки для различных документов
• Регулярные выражения для поиска и замены
• Запись и воспроизведение макросов (повторение определенных действий пользователя)
• Сравнение файлов
• Менеджер проектов
• Карта документа
• Переопределение любых горячих клавиш
• Резервное копирование сохраняемых файлов (включается в настройках)
• Трансформация текста при помощи подключённого плагина TextFX
• Поддержка и конвертирование кодировок ANSI, UTF-8 и UCS-2

Известно, что IDE (англ. «Integrated Development Environment» - интегрированная среда разработки) предоставляет программисту наиболее полный инструментарий для работы с кодом. Примеры таких сред - NetBeans, Microsoft Visual Studio, Eclipse. Проблема выбора между IDE и редакторами исходного кода активно обсуждается в интернете прежде всего новичками в программировании. Многие сходятся во мнении, что для работы с языками HTML, JS (включая фреймворк jQuery) IDE-среда не нужна. Также при работе с небольшими проектами разработчики отдают предпочтение легким редакторам исходного кода. О них далее и пойдет речь.

Sublime Text

Sublime Text - мультиплатформенный редактор (Linux, Mac OS, Windows). Цена лицензии - $70, но бесплатная версия работает без ограничений.

Из первичных возможностей нужно отметить базовую поддержку нескольких десятков языков программирования и разметки: HTML, CSS, Ruby, PHP, SQL, Javascript, C и других. Для поддерживаемых форматов предусмотрена подсветка синтаксиса и автодополнение.

Для более тесной интеграции Sublime Text с языком (например, с jQuery, Ruby, C) можно установить расширения. Среди наиболее полезных: SideBarEnhancements, Emmet, SublimeGDB, SFTP. Расширения инсталлируется в Sublime Text через командную палитру с помощью модуля Package Control.

Одна из наиболее интересных функций Sublime Text - мультивыделение, что позволяет редактировать несколько участков кода одновременно. Для этого достаточно нажать Ctrl и установить курсор на тех участках, где нужно ввести данные, или Alt + F3. Для редактирования нескольких строк можно нажать Ctrl+Shift+L и передвинуть курсор в нужное место.

В ST широкие поисковые возможности. Помимо поиска по файлу, можно быстро перемещаться по всему проекту, например:

• Ctrl + R - переход к символу (@)
• Ctrl + G - переход к строке (:)
• Ctrl + P - переход к файлу

Для того чтобы сосредоточиться на написании кода, можно перейти в режим Distraction Free Mode (Shift + F11). При этом останется доступной карта файла, также будет возможно переключаться между вкладками (Alt + цифра) или поменять режим отображения.

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

Из других особенностей интерфейса - боковая панель, которая ускоряет доступ к файлам и проектам. Удобны сессии вкладок: можно закрыть Sublime Text, и при следующем запуске редактора вкладок будут в состоянии, сохраненном при закрытии.

Пожалуй, у Sublime Text два заметных неудобства: невозможность локализации и отсутствие графического окна с настройками. Обе проблемы, впрочем, мало обременят программиста. Посредством редактирования текстовых файлов конфигурации настройке поддается абсолютно все (см. раздел «Preferences» в меню). Можно сменить тему оформления, цветовую схему, настроить расширения, горячие клавиши и т. д.

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

Поддерживаемых языков немного, около 20. Для работы с ними предусмотрены сборки (bundles), предполагающие подсветку кода, сниппеты, а также проверку правописания. Есть специальный редактор, в котором легко посмотреть имеющиеся сниппеты, изменить их или соответствующие им триггеры (сокращенные фразы).

Как и в Sublime Text, есть мультивыделение и режим «умного» выделения в колонках. Увы, команд редактирования самый минимум, и вместо указанных функций было бы рациональней добавить хотя бы возможность закомментировать строку.

Из особенностей интерфейса: Intype, помимо вкладок и сессий, также предоставляет боковую панель, куда можно перенести любые файлы и папки для дальнейшего использования, например, в проекте. Имеется режим Distraction Free (F11), при его активации отображается лишь поле редактирования и линейка. Тем самым, от написания кода на экране ничего не отвлекает.

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

Из других минусов: нет поддержки расширений, очень мало настроек. Как работает автодополнение - непонятно, а где искать документацию - тоже вопрос. Не очень привлекательной выглядит цена в 42 евро, которую пользователь платит, скорее, за минимализм. Ведь если сравнивать с Sublime Text, разрыв по функциональности огромный.

PSPad

В отличие от минималистичных по интерфейсу редакторов Intype или Programmer’s Notepad (см. ниже), иконка в меню есть практически для каждой команды, что при работе с графической оболочкой - дополнительный плюс. Можно возразить, что предпочтительней использовать горячие клавиши, но и такие моменты важны.

Боковая панель PSPad - наиболее функциональная среди рассматриваемых редакторов. С ее помощью можно не только управлять проектами, но и настроить синхронизацию. Также в панели доступны элементы избранного, менеджер файлов и даже FTP-менеджер.

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

PSPad будет интересен HTML(XML)-верстальщикам, поскольку в данный редактор встроен CSS-редактор TopStyle Lite и известная библиотека Tidy, которая позволяет оптимизировать код. Также доступна валидация и другие инструменты для верстки.

Тем не менее, форматирование HTML - не главный профиль PSPad. Так, из дополнительных инструментов можно обнаружить HEX-режим, хеш-генератор, генератор текста, сравнение текстовых файлов и множество других модулей. Очень востребованная возможность - проводник кода, который выводит список переменных, классов, функций и т. п. в виде дерева (Shift+Ctrl+E). Поиск доступен не только внутри файла, но и внутри определенной папки.

Notepad++ обладает классическим набором возможностей для работы с кодом: автодополнение функций, параметров и слов, подсветка. Сюда же входят операции со строками, в том числе комментирование, преобразование текста. Характерная особенность Notepad++ - возможность применения токенов (шаблонов) стилей кода. Помимо стандартной нумерации строк, предполагается сворачивание кода (фолдинг), доступное не в каждом редакторе.

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

На раннем этапе развития Programmer’s Notepad взял за основу компонент Scintilla, поэтому в нем присутствуют сворачивание кода, цветовые схемы и прочие функции, упомянутые при описании SciTE.

Интерфейс удобный, за некоторыми оговорками. Во-первых, вместо не так часто используемых кнопок (копировать/вставить/вырезать) логичней было бы предусмотреть более «программистский» набор. Панель инструментов приходится перенастраивать. Вторая оговорка - отсутствие удобной боковой панели, при активации нескольких окон (Вид → Окна) рабочее окно отвлекает от работы ввиду своей громоздкости. Из положительных моментов - в настройках можно разделить окно по горизонтали или вертикали.

Наибольший интерес представляет диалог настроек с грамотным разделением опций: настройка горячих клавиш, автодополнения, стилей, схем, файловых ассоциаций и т. д. Это позволяет гибко настроить Notepad на свое усмотрение. Есть возможность смены локализации на русский. Цветовые схемы - переопределяемые: их можно перенастраивать, причем нашлось отдельное место продвинутым настройкам.

Редактор платный, цена лицензии - $35.

EditPlus изначально поддерживает форматы HTML, CSS, PHP, ASP, Perl, C/C++, Java, JavaScript и VBScript, но можно . Файлы STX отвечают за синтаксис, ACP - автодополнение, CTL - сниппеты (доступны через Cliptext Window, Alt + Shift + 1).

В EditPlus изначально есть функции, которые в других редакторах доступны виде модулей: например, поддержка SVN (Subversion - контроль версий) и FTP-менеджер (нет надобности синхронизировать файлы проекта вручную). К сожалению, в данном менеджере нет никакого намека на протокол SFTP.

Также в редакторе можно обнаружить рабочий модуль ZenCoding. С его помощью легко задать структуру HTML-документа без копирования/вставки тегов, составив запрос буквально из одной короткой строки. Помимо того, для работы с HTML в EditPlus предусмотрена отдельная панель инструментов, встроенный браузер. Заметно, что под этот язык разметки EditPlus адаптирован в большей степени, чем под другие форматы. Хотя у него есть и другие инструменты, вроде HEX-редактора, но их не так много.

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

Сводная таблица

Программа	Лицензия	Поддержка расширений	Локализация (официальная)	Поддержка платформ
Sublime Text	Proprietary software, 70 долларов	+	−	Windows, Mac OS, Linux
Shareware, 42 евро	−	−	Windows
PSPad	Freeware	+	+	Windows
Freeware	+	+	Windows
SciTE	Freeware	+	−	Windows, Linux
Freeware	+	+	Windows
Proprietary EULA, 35 долларов	−	−	Windows

Резюме

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

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

Отличительная черта PSPad - наличие удобных инструментов для различных языков. Это делает его наиболее универсальным редактором, который по функциональности может на равных соперничать с Sublime Text.

Редактор исходного кода с удобным интерфейсом, с богатым инструментарием по редактированию кода и широкой поддержкой плагинов.

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

Редактор с базовой функциональностью, гибкий в настройке. Не обновляется с 2011 года.

Содержит базовые функции редактора исходного кода, а также FTP и SVN «из коробки». Будет оптимален HTML-верстальщикам.

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

Дисклеймер

Я достаточно молод и неопытен в сфере IT, чтобы приводить какие-то сверх-доводы, поэтому все ниже-перечисленное будет лично моими субъективными мыслями и рассуждениями. Если кто-то не согласен со мной - я буду только рад поддержать дискуссию и обсудить все это в комментариях.

Сейчас я работаю под Windows, в будущем, возможно, перейду на Mac OS, поэтому при выборе текстового редактора/IDE я сразу выделял кросс-платформенность. Рассматривал чуть больше вариантов, чем перечислю тут, ибо решил выделить только самые приглядевшиеся. Буду стараться кратко описывать взгляд на разные стороны перечисленных программных продуктов.

Стандартные задачи

Под стандартными задачами я подразумеваю банальные задачи верстки, т.е. HTML, CSS, может JavaScript. Я не буду подчеркивать те вещи, которые есть везде, например: смена цветовых тем, система контроля папки проекта и т.д.

Отличный редактор для ASP.NET и node.js приложений. Знаменитый IntelliSense, возможность работы с классами и объектами по reference. Все в стиле Microsoft. Имеется встроенный отладчик. Так-же хочу подчеркнуть , что по моему мнению - это отличная замена MonoDevelop для.NET разработчиков вне Windows(тут то есть Visual Studio).

Редактор пока в стадии разработки, но работа ведется достаточно быстро, учитывая что это Microsoft.

Итог

Резюмируя вышесказанное, я сделал свой выбор. Останавливаться на таких же критериях, как и я, вам необязательно. Буду рад обсудить все в комментариях к статье.

Спасибо за внимание!

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

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

Вам понадобится

• - программа браузер;
• - программа-блокнот.

Инструкция

Найдите в браузере пункт меню "Исходный код сайта". К примеру, в программе Mozilla Firefox его можно найти в разделе «Веб-разработка», который находится в пункте «Инструменты» главного меню, а в браузере Internet Explorer вызов просмотра html-кода осуществляется из пункта «Вид» главного меню. Зайдите на сайт, код которого вы хотели бы изучить. После загрузки страницы выберите инструмент «Исходный код сайта». Программа выдаст специальное окно, в котором вы увидите код. Если содержание страницы отображается некорректно, попробуйте сменить кодировку.

Стандартные функции браузера можно расширить с помощью плагина. Нередко на сайте разработчика программы можно найти расширение, позволяющее просматривать код сайта. К примеру, плагин для Mozilla Firefox называется Firebug, для браузера Opera – DragonFly. Скачайте и установите плагин. Вполне возможно, потребуется перезагрузка браузера. Далее зайдите на нужный сайт. Нажмите на кнопку вызова консоли плагина - она может располагаться на одной из рабочих панелей программы, - после чего появится дополнительное окно, в котором будет отображен исходный код открытой страницы.

Сохраните необходимые страницы сайта с помощью соответствующей функции браузера. Для этого нажмите на пункт главного меню «Файл» и выберите надпись «Сохранить как». Выберите место на компьютере, в котором вы сохраните копию страницы. Затем в выпадающем меню с названием «Тип файла» выберите вариант «Веб-страница, полностью» или «Веб-страница, только HTML». Нажмите на «Сохранить». Повторите процедуру со всеми необходимыми страницами интернет-ресурса. Откройте папку, в которой были сохранены файлы. Выберите одну из страниц и запустите ее с помощью программы блокнота. Вы можете использовать установленную в операционной системе Windows утилиту «Блокнот», но лучше скачайте более удобную программу Notepad++. В ней имеется функция разделения разных типов html-тегов по цветам.

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

Инструкция

Узнайте IMEI вашего телефона , набрав комбинацию *#06#. Через мгновение на экране вашего мобильника будет отображен этот код . Таким образом можно узнать IMEI абсолютно любой модели сотового телефона .

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

Ознакомьтесь с документами на мобильное устройство. В них также обычно указан IMEI. Просмотрите договор, который вы оформляли в салоне связи при покупке телефона . IMEI указан в той же строке, что и «Наименование модели».

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

Если вы решили купить телефон с рук, попросите продавца предоставить вам все документы на мобильное устройство и сверьте IMEI, набрав*#06# или открыв телефон.

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

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

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

Вам понадобится

• - программа для просмотра лицензионного кода.

Инструкция

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

Просмотрите лицензионный код программы на диске, если вы покупали ее отдельным от компьютера товаром, на коробке от него и так далее. Также информация о коде программного продукта содержится в реестре операционной системы. Для его запуска откройте «Выполнить» в меню «Пуск» и введите regedit в поле появившегося окна.

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

Перепишите лицензионный код, полученный одним из вышеуказанных способов. Зайдите на сайт разработчика программного обеспечения, активационной код которой вас интересует. Найдите пункт активации и регистрации программ, если таковой имеется на сайте. Введите лицензионный код вашего программного продукта и посмотрите доступный для него код активации. Этот способ удобен зачастую в тех случаях, когда активация программного продукта доступна на сайте.

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

Полезный совет

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

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

Вам понадобится

• Инструкция по просмотру исходного кода страницы.

Инструкция

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

Для Internet Explorer выбирайте вкладку «вид», затем «исходный код страницы » либо пункт можно выбрать, нажав на правую кнопку мыши. Чтобы зашифрованный разработчиками код в этом заходим в меню «сервис», потом «средства разработчика», нажимаем стрелочку, выделяем нужный элемент на и код становиться . Далее жмем на значок и код в текстовом формате и копируем из его составляющих в html.

Браузер Mozilla Firefox предоставляет возможность просмотра с помощью простой команды «Ctrl+U» или в меню «инструменты» выбрать подстроку «посмотреть исходный код ». Просмотреть зашифрованную информацию в Mozilla Firefox можно установив специальное Web Developer, выбираем в меню «код » строку «сгенерираванный код » и внизу страницы появляется значение исходного код а. Копируем файл в буфер обмена или сохраняем с расширением page.htm.

При использовании Google Chrome в основном меню «инструменты» выбирайте подстроку «посмотреть исходный код », далее с помощью правой кнопки мыши открываете пункт «просмотр код а страницы » либо с помощью клавиш "Ctrl + U".

Для браузера Safari в меню находим «посмотреть html-код », так же нажав правую кнопку мыши, открываем подстроку «посмотреть источник» или воспользуемся сочетанием клавиш "Ctrl + Alt + U".

Обратите внимание

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

Полезный совет

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

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