Какой лучший редактор HTML, PHP, CSS, JS кода? Лучшие PHP редакторы

Скачать Viber 10.07.2019
Скачать Viber

Дисклеймер

Я достаточно молод и неопытен в сфере 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.
  2. Для всех этих языков осуществляется подсветка синтаксиса , разбиение кода на строки и блоки, которые можно свернуть нажатием на минус и развернуть, нажав на плюс. А так же пунктиром можете отображаться связь между элементами. Для примера я взял фрагмент PHP кода, чтобы продемонстрировать возможности этого редактора:

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

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

  4. В одном окне программы можно будет открывать на редактирование сколько угодно файлов, ибо Notepad++ использует вкладки на манер тех, к которым вы уже успели привыкнуть в современных браузерах.

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

  5. С помощью этого редактора можно вести поиск (Ctrl+F) как по открытому в нем документу, так и по целому сонму текстовых файлов, лежащих в определенной папке. Возможен поиск с заменой и с использование регулярных выражений. Потрясающе удобный инструмент.

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

  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)

Здравствуйте, читатели! Сегодня речь пойдет о лучшем текстовом редакторе с подсветкой кода — Notepad++ — это самый популярный бесплатный редактор кода. Notepad++ представляет собой швейцарский нож веб-мастера — удобный, надежный и многофункциональный.

Чем же так хорош Notepad++, что уже в начале статьи удостоился стольких лестных эпитетов:

  • Абсолютно бесплатный, что само по себе удивительно для программы такого калибра.
  • Поддержка русского языка по умолчанию, никаких дополнительный русификаторов ставить не надо.
  • Распознавание и подсветка синтаксиса кода более 50 (!!!) языков программирования: с/c++, c#, html, php, java, javascript, shell, SQL и много других. О некоторых я даже никогда не слышал.
  • Быстрая и удобная смена кодировки документа. В два щелчка превращает нечитабельные кракозябры в русские слова.
  • Поддержка закладок, которые позволяют открывать сразу несколько файлов в одном окне редактора. Напоминает браузер.
  • Ведение истории событий — отменяйте сколько угодно последних действий, а если далеко отлистали — вернитесь обратно, вперед!
  • Удобство работы с кодом: подсветка синтаксиса, нумерация строк, наглядное отображение связи между элементами кода, возможность свернуть блок кода.
  • Гибкий и многофункциональный поиск.
  • Расширение функционала за счет плагинов. Например, встроенный плагин NppFTP позволяет использовать Notepad++ в качестве ftp клиента.

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

А теперь обо всем по порядку.

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

Чтобы что-то установить, нужно это что-то сначала скачать. Так вот Notepad++ можно скачать с официального сайта разработчиков абсолютно бесплатно.

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

Конечно, если у вас свой сайт, то чаще всего редактировать придется файл на языках программирования php и html. Рассмотрим окно редактора с открытым в нем файлом на языке php.

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

  1. Заголовок — показывает название файла и адрес его местоположения.
  2. Главное меню — здесь скрыты все возможности редактора.
  3. Быстрые кнопки — чтобы не копаться в главном меню, самые часто используемые функции для удобства вынесены в качестве кнопок на лицевую панель редактора Notepad++.
  4. Закладки — каждый открываемый на редактирование файл отображается в своей вкладке. Это напоминает работу с браузером. Если значок дискетка в заголовке закладки красная, то последние изменения в файле не сохранены. Если синяя — значит сохранена последняя версия документа.
  5. Нумерация строк — очень полезная вещь. В большинстве случаев для ошибок указывается номер строки, в которой она содержится. С помощью нумерации строк найти ее не составит труда.
  6. Возможность свернуть часть кода. Очень полезная функция, когда код слишком разрастается. Просто сворачиваем его часть, чтобы работать было удобнее.
  7. Пунктиром соединены взаимосвязанные элементы кода — в нашем случае открывающий и закрывающий теги.
  8. Подсветка синтаксиса кода зависит от языка программирования.

Дополнительные возможности Notepad++

Настройка подсветки синтаксиса.

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

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

Последовательность действий в этом случае такая:

  • В первом столбике выбираем язык, для которого настраиваем стиль.
  • Во втором столбце выбираем элемент языка.
  • Далее для этого элемент задаем цвет и настраиваем шрифт.

Сравнение документов — плагин Compare.

За функцию сравнения документов отвечает плагин Compare. Он не входит в состав Notepad++ по умолчанию, так что его придется устанавливать отдельно. Это займет совсем немного времени, заодно научитесь устанавливать новые плагины.

Переходим по следующему пути: «Плагины» — «Plagin Manager» — «Show Plagin Manager». Появляется окно менеджера плагинов. Здесь представлен список всех доступных плагинов Notepad++, упорядоченный в алфавитном порядке. Нас интересует Compare.

Ставим напротив Compare галочку и нажимаем «Install». Начнется загрузка и установка плагина, по окончанию которой notepad++ следует перезапустить. Вот и все, теперь Compare доступен в разделе «Плагины».

Сравниваться будет содержание текущего документа и того, что на соседней вкладки. Для начала сравнения следует воспользоваться пунктом «Плагины»- «Compare» — «Compare» или сочетанием клавиш Alt+D.

Для отмены сравнения используйте пункт «Claer Results» или сочетанием Ctrl+Alt+D.

Данный редактор с подсветкой синтаксиса кода предоставляет функцию авто-завершение слов. Заключается она в том, что Notepad++ предлагает на выбор возможные окончания начатого слова. По умолчанию эта функция висит на горячих кнопках Ctrl+пробел, но можно ее сделать и полностью автоматической. Для этого следует зайти в раздел «Опции» — «Настройки», перейти на вкладку «Резерв/Автозавершение» и поставить галочку напротив «Включить для каждого ввода». Так же можно указать, начиная с какого символа, будут предлагаться варианта окончания слова.

В том же разделе настроек можно включить и резервное копирование файлов на всякий пожарный. Хотя лично я этим не пользуюсь.

Вставка парных тегов.

За быструю вставку парных тегов отвечает плагин TextFX Characters. Он не идет в стандартной конфигурации Notepad++ и устанавливается отдельно через Менеджер Плагинов. На самом деле, функций у него гораздо больше, но лично я пользуюсь только этой.

Для себя он даже создает отдельный пункт в главном меню — TextFX. Нам же следует включить следующую опцию: «TextFX» — «TextFX Settigs» — "Autoclose XHTML/XML .

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

Поиск и замена.

Для открытия поиска можно воспользоваться одноименным пунктом меню или сочетанием клавиш Ctr+F.

Имеется 4 вкладки и соответственно столько же функций поиска:

  1. Поиск — предназначен для поиска в текущем документе.
  2. Заменить — поиск и замена в текущем документе.
  3. Поиск/замена по файлом из заданного каталога.
  4. Поиск по пометкам.

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

Настройка кодировки.

Чаще всего необходимость менять кодировку файла связана с некорректным отображением русских букв. В этом случае в разделе «Кодировка» выбираем пункт «Кодировать в UTF-8 без BOM».

Вот так двумя щелчками мыши кодировка меняется со стандартной ANSI на UTF-8 без BOM. Не забудьте сохранить файл после внесенных изменений.

Light Explorer — удобный каталог файлов

Вот еще один замечательный легкий плагин — Light Explorer. Устанавливается стандартно, через встроенный Менеджер Плагинов. Позволяет сочетаем клавиш Alt+A открыть в колонке слева дерево каталог вашего компьютера.

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

Встроенный ftp клиент — плагин NppFTP.

В Notepad++ по умолчанию доступен плагин NppFTP, который выполняет функцию ftp клиента. Это позволяет работать с файлами на сервере, не прибегая к помощи сторонних ftp клиентов. Экономит драгоценное время. Хотя я все-таки предпочитаю использовать .

Для включения ftp клиента можно воспользоваться кнопкой «Show NppFTP Window». Появится колонка справа.

Заходим в настройки профиля (Profile Settings).

В появившемся окне нажимаем «Add new» и вводим название нового профиля. Далее этот профиль следует настроить.

Вводим следующие данные:

  • Hostname — адрес сервера, к которому будем подсоединятся.
  • Username, password — имя и пароль учетной записи.

Все эти данные должны быть выданы вам хостом. После этого нажимаем «Close».

Теперь можно подключаться к нашему ftp и работать с фалами на нем.

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

На этом все. Спасибо за внимание! Берегите себя!

Converter

Этот плагин преобразует выделенный текст (или шестнадцатеричную строку ASCII) в ASCII или шестнадцатеричные строки по вашему выбору. Формат генерируемой шестнадцатеричной строки может быть установлен путем изменения параметров в разделе из converter.ini . Для этого потребуется перезапустить редактор Notepad++

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

При помощи данного плагина можно решать различные сложные задачи. Например, нужно при помощи NppExec скомпилировать свои C файлы, запустить их, и показывать свои данные.

Вот как это делается для Perl. То есть, просто адаптируется для C

1 2 3 4 5 6 7 8 9 10 11 12 13 14 * Open Notepad * Type F6 to open the execute window * write the following commands: o npp_save < -- Saves the current document o CD $(CURRENT_DIRECTORY) <-- Moves to the current directory o perl.exe -c -w "$(FILE_NAME)" <-- executes the command perl.exe -c -w , example: perl.exe -c -w test.pl (-c = compile -w = warnings) * Click on Save * Type a name to save the script (ie Perl Compile) * Go to Menu Plugins -> Nppexec -> advanced options -> Menu Item * In the combobox select the script recently created and click ok -> ok * Restart Notepad * Go to Menu Settings -> Shortcut mappter -> Plugins -> search for the script name * Select the shortcut to use (ie ctrl + 1), click ok * Verify that you can now run the script created with the shortcut selected.

* Open Notepad * Type F6 to open the execute window * write the following commands: o npp_save < -- Saves the current document o CD $(CURRENT_DIRECTORY) <-- Moves to the current directory o perl.exe -c -w "$(FILE_NAME)" <-- executes the command perl.exe -c -w , example: perl.exe -c -w test.pl (-c = compile -w = warnings) * Click on Save * Type a name to save the script (ie Perl Compile) * Go to Menu Plugins -> Nppexec -> advanced options -> Menu Item * In the combobox select the script recently created and click ok -> ok * Restart Notepad * Go to Menu Settings -> Shortcut mappter -> Plugins -> search for the script name * Select the shortcut to use (ie ctrl + 1), click ok * Verify that you can now run the script created with the shortcut selected.

NppExport

Полезный плагин Notepad++, с помощью которого можно экспортировать файлы в html, rtf форматы

Вот как он работает. Открываем файл, переходим на вкладку «Пл агины» > NppExport > Export to HTML. То есть, экспортируем файл в HTML формат. Код может быть просмотрен в любом браузере

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

NppNetNote

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

Plugin Manager

Этот плагин является мозгом системы апгрейда текстового редактора Notepad++. С помощью этого плагина пользователь может обновлять, удалять или устанавливать плагины для Notepad++. Просто открываем этот плагин, выбираем плагин из списка доступных для загрузки, и устанавливаем его. Либо просто обновляем плагины. Их вообще много. У меня установлено по-умолчанию 10 плагинов, а в списке доступных я насчитал аж 72 плагина для Notepad++!!! Небольшое уточнение. В Windows 7 чтобы обновляться, необходимо запускать программу от имени администратора.

Spell- Checker

Данный плагин предназначен для проверки орфографии, напободобие вордовского встроенного словаря. Здесь все тоже самое по аналогии. Только предварительно нужно будет установить программу ASpell.

Другие полезные возможности бесплатного текстового редактора Notepad++

1. Подсветка синтаксиса

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

Например, ставим подсветку php кода

Помимо непосредственно самой подсветки преимущество заключается еще и в том, что информация разбивается на специальные контейнеры, с помощью которых можно изучать сложный код, чтобы не путаться. В данном случае из скриншота выше, я раскрыл 745 строку (нажал на значок «-» минус), чтобы посмотреть контейнер целиком. Теперь вместо минуса «-» там значится плюс «+», и изучение кода становится проще и понятнее

2. Редактор Notepad++ в кодировке UTF-8 (без BOM)

UTF-8 в переводе с английского означает формат преобразования Юникода. На сегодняшний день эта кодировка является одной из наиболее популярных и используемых. С её помощью реализуется представление Юникода, совместимое с 8-битным кодированием текста.

Теперь что касается кодировки UTF-8 без BOM, про которую вы уже могли слышать. Дело в том, что движок WordPress (см. ) работает с кодировкой UTF-8, но если пользоваться стандартным блокнотом Windows, то при сохранении файлов в кодировке UTF-8, эта прелесть добавляет в PHP-файлы невидимые символы. Именно они и называются BOM. Поэтому UTF-8 без BOM и означает, что файл не содержит всей это радости, т.е. лишних невидимых символов. Эта проблема успешно решается с помощью бесплатного текстового редактора Notepad++, который может преобразовывать либо сохранять файлы Html (см. ) и PHP (см. ).

Преобразовать файл из исходной кодировки в кодировку UTF-8 (без BOM) можно следующим образом:

Делается все просто. Берем, к примеру, файл, где содержится английский текст, вписываем вместо английских букв русские, после чего идем на вкладку «Кодировки», выбираем «Преобразовать в UTF-8 без BOM, и жмем на значок дискетки. Все, файл сохранен.

3. Закладки

Программа Notepad++ содержит такую полезную штуку. Предположим, у меня есть несколько файлов в формате.txt, где я храню всякую нужную информацию: разные html коды, напоминания. В общем, текущую рабочую информацию, и просто часто используемую информацию. Ну, к примеру, нужно мне найти для какой-нибудь цели (неважно для какой) в моем.txt файле теги . Кроме этих тегов в этом файле может быть куча другой информации. И мне чтобы найти эти теги , нужно будет скролить документ то вверх, то вниз, пока не найду. В итоге получается глупая работа. А если за день нужно открывать этот.txt файл не один, а несколько раз, то в итоге получается, что какое-то время просто глупо тратим время на скролинг документа то вверх, то вниз. Проблема решается легко. Находим нужную нам строку, и дважды кликаем рядом с её номером. И сразу же напротив неё появится закладка. А потом эту закладку легко можно найти, нажимая F2 на клавиатуре.

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

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

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

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

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

Гибкость

Откуда редактор знает какие слова выделять? Хороший вопрос. Редактор знает, на каком языке вы программируете. Либо вы можете сами указать язык, либо он может, как Vim , определить это по расширению файла. Если вы работаете с файлом с именем code.cc , он увидит.cc и будет знать,что надо использовать правила C++, но если вы работаете с одним из code.html , он будет применять правила HTML. Некоторые редакторы знают сотни языков, начиная от банальных (C, Java, Perl) до по-настоящему сложных (TADS, ABAQUS). Это означает, что вы можете использовать один и тот же редактор для программирования практически в любом языке и по-прежнему пользоваться теми же функциями и набором команд, к которым вы привыкли.

Автоматические отступы

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

// поиск минимального элемента в матрице const int search_min(int **const array, const int kol_tasks,const int type_model) { int min; for (int i = 0; i < kol_tasks; i++) { for (int j = 0; j < type_model; j++) { if (array[i][j] != -1) { min = array[i][j]; i = kol_tasks; j = type_model; } } } for (int i = 0; i < kol_tasks; i++) { for (int j = 0; j < type_model; j++) { if (array[i][j] < min && array[i][j] != -1) { min = array[i][j]; } } } return min; }

или кодом, который выглядит следующим образом?:

// поиск минимального элемента в матрице
const int search_min(int **const array, const int kol_tasks,const int type_model)
{
int min;
for (int i = 0; i < kol_tasks; i++)
{
for (int j = 0; j < type_model; j++)
{
if (array[i][j] != -1)
{
min = array[i][j];
i = kol_tasks;
j = type_model;
}
}
}
for (int i = 0; i < kol_tasks; i++)
{
for (int j = 0; j < type_model; j++)
{
if (array[i][j] < min && array[i][j] != -1)
{
min = array[i][j];
}
}
}
return min;
}

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

Быстрые функции навигации

Если ваша программа не тривиальна, вы захотите иметь возможность быстро находить в ней определенные функции, экземпляры определенных переменных или отдельные строки. Текстовые редакторы обычно имеют больше возможностей, чем текстовые процессоры. Например, скажем, при компиляции программы вы обнаружили, что у вас есть синтаксические ошибки в строке 312. В Vim все что вам нужно сделать, это набрать 312G, и курсор переместится на строку 312. (Откуда Vim знает, что вы не хотите ввести символы 312G в документе? Подробнее об этом по ссылке в конце статьи).

Какой текстовый редактор я должен использовать? В чем разница между ними? Как я могу его получить? Сколько они стоят?

Есть много-много разных редакторов, среди которых Vim и Emacs являются самыми популярными, мощными и есть на разных ОС. Другой популярный редактор Notepad++ — это значительно улучшенная версия Notepad . Большинство редакторов (Vim и Emacs входит в комплект) бесплатны, но некоторые из них shareware. Я использую Vim , но у каждого редактора есть свои поклонники. Для составления списка некоторых из лучших редакторов, доступных для вашей платформы, просмотрите FAQ о текстовых редакторах. (Он нацелен на среднестатистических пользователей, но все перечисленные редакторы очень хороши для написания C++ кода.)



Рекомендуем почитать

Наверх