Почти каждый пользователь Интернета когда-нибудь задумывался о создании собственного сайта, но далеко не у всех есть время и способности, чтобы освоить хотя бы основы веб-программирования и верстки. Но, в большинстве случаев, нет необходимости в разработке сложных программируемых элементов, и создать красивый и функциональный сайт можно используя визуальный редактор сайтов или WYSIWYG-редактор.
Подобные программы, несмотря на относительную простоту использования, являются далеко не любительскими инструментами для разработки , но как раз в возможности работы пользователя с любым уровнем опыта и состоит их особенность.
WYSIWYG - это аббревиатура от английских слов What You See Is What You Get, что переводится как «что видишь, то и получишь». То есть, речь идет о среде разработки, в которой пользователь по мере своей работы может сразу же видеть примерный результат своих усилий. Чаще всего в Рунете используется русскоязычный аналог упоминаемой аббревиатуры, и программы такого типа носят название визуальных редакторов. С помощью подобных приложений можно создавать код на разных языках программирования и верстки - HTML, CSS, PHP и др.
Самый популярный WYSIWYG-редактор HTML и других языков веб-разработки - Adobe Dreamveawer. Он отличается действительно удобным интерфейсом, большим количеством доступных инструментов, поддержкой актуальных технологий и интеграцией с другими приложениями пакета Creative Suite. Большим плюсом Adobe Dreamveawer является наличие подробной профессиональной документации, а также множества бесплатных уроков по работе с программой, которые можно найти в сети Интернет. Кроме того, он может работать с распространенными движками (CMS), такими как Joomla, WordPress и Drupal. Актуальной сейчас является версия CS6.
Еще один популярный визуальный редактор — WYSIWYG Web Builder, который недавно обновился до версии 9. Это мощное решение, с помощью которого можно создавать качественные веб-сайты, не обладая при этом навыками верстки и веб-программирования. Программа позволяет создавать как простые сайты-визитки или , так и многостраничные ресурсы со сложными сценариями и вставкой интерактивных элементов. В комплекте идут несколько различных шаблонов, а в процессе работы можно добавлять новые. В последней версии WYSIWYG Web Builder появился ленточный интерфейс, добавлены новые возможности для работы с CSS3 и больше сотни других улучшений.
Кроме коммерческих решений, есть и хорошие open-source решения. Например, бесплатный визуальный редактор BlueGriffon, созданный на движке Gecko, на котором работает также всемирно известный браузер Mozilla Firefox.
Это современное и надежное решение для редактирования веб-страниц и создания сайтов, соответствующее последним стандартам Web. BlueGriffon является мультиязычным визуальным редактором HTML, PHP, CSS и других языков веб-разработки, который обладает интуитивно понятным, удобным интерфейсом, а редактируемый в нем документ будет выглядеть точно так же как в браузере Firefox .
WYSIWYG-редактор является действительно удобным инструментом для редактирования и веб-страниц и создания полноценных сайтов разного уровня сложности. При этом, пользователь может создавать привлекательные веб-сайты без необходимости обширных технических знаний.
PHP – прекрасный язык для создания веб-страниц. На данный момент он поддерживается большинством хостингов и является лидером из языков программирования, для создания динамических веб-сайтов. Началом создания PHP принято считать 1994 год, когда Расмус Лердорф создал простой набор скриптов для обработки HTML документов… Возможно потому, что в момент создания обработчик PHP писался на Си, синтаксисы языков очень схожи…
1 место. PhpStorm
PhpStorm – это кросплатформенная среда разработки для языка PHP. Программа представляет многофункциональный и интеллектуальный редактор для языков PHP, HTML и JavaScript. Есть множество возможностей программы, из которых хочется отметить возможность анализа и кодинга на лету, функция предотвращения ошибок обеспечивает непревзойденную работоспособность.
2 место. Sublime Text
Простой, бесплатный, удобный редактор различного кода. Из плюсов нельзя не отметить приятный интерфейс, удобство управления, и гибкую настройку. Также несомненным плюсом является то, что этот редактор мультиплатформенный. Очень понравилась функция множественного выделения и редактирования, этой функции нет у других редакторов. Она работает так: зажимаешь Ctrl и после выделения строк текста они редактируются одновременно. Также в этом редакторе есть функция горячих клавиш на любые действия. Плагинов пока не так много.
3 место. Komodo IDE
Komodo является профессиональным IDE для крупных языков веб-программирования, включая Python, PHP, Ruby, Perl, HTML, CSS и JavaScript. Вы будете наслаждаться этим редактором и развивается быстрее, используя полный набор инструментов. Основные функции: сворачивание кода, многооконное редактирование, умная проверка синтаксиса, подсветка, мощные фрагменты и удобные макросы для инструментов и другие функции, повышающие производительность. Гладкий интерфейс освобождает пространство и даёт простор для творчества.
4 место. Expression Studio
Это не просто приложение, это целый пакет программ, разработанный компанией Microsoft. В составе этого пакета есть: визуальный редактор, инструменты для проектирования интерфейса, графического дизайна, и множество других средств.
5 место. PhpED
Программа имеет множество инструментов, которые очень полезны в разработке как в PHP так и в других языках, которые поддерживает редактор. Для отладки веб-приложений используется встроенный веб-сервер. Сначала вы можете потратить множество времени и усилий на настройку, но это того стоит. Также минусом программы является то, что нет дистрибутива на MAC и Linux.
6 место. PHPEdit
В арсенале этого редактора, имеется не только подсветка синтаксиса, но и функция автоматического заполнения, проверки кода, имеется также и встроенный отладчик. Нехорошо что пока нет русскоязычных учебников, а руководством сыт не будешь. Так же нету дистрибутивов под MAC и Linux.
7 место. Dreamweaver
При использовании этой программы, вы можете одновременно просматривать дизайн и код страницы, также используются подсказки и автодополнение. Удобно организован поиск и замена символов. На официальном сайте программы вы найдёте множество коммерческих и некоммерческих плагинов на эту программу.
8 место. phpDesigner
Этот редактор кода специально заточен под PHP, конечно с его помощью вы можете создавать и редактировать проекты на других языках, но это будет малоэффективно. Из недостатков сразу бросается в глаза отсутствие кросплатформенности, этот редактор идёт только под Windows. В отличие от других редакторов в нём нельзя менять размер шрифта (кто его знает, может зрение плохое, а у большинства программистов именно такое). В программе также отсутствует удобное вертикальное выделение. Но несмотря на все имеющиеся недостатки, у phpDesigner имеется лучшая подсветка кода, она очень хорошо организована, вообщем, попробуйте – узнаете.
9 место. PHP Studio 2010
Редактор сам по себе представляет среду разработки для PHP. Он позволяет кодировать быстрее, используя большое количество функций, таких как: встроенный сервер, веб-браузер и многое другое. Как и у большинства редакторов имеется проверка синтаксиса, поддержка различных кодировок, поддержка нескольких языков разработки.
10 место. RadPHP
RadPHP ориентирован на тех, кто не имеет большого опыта кодирования. Из достоинств нельзя не отметить подсветку синтаксиса, наличие встроенного браузера и отладчика, возможность создания точек остановки, сразу заметна простота использования. Имеется тех поддержка, организованная на высшем уровне. Из недостатков сразу бросается что нету дистрибутивов под MAC и Linux.
Итак, недавно мы познакомились с самыми средами разработки приложений на Java, в этот раз затронем PHP. Распределяя призовые места аналогичным субъективным образом, взглянем на список лучших:
Лучшая бесплатная IDE - NetBeans
Итак, история повторяется и открывает рейтинг IDE NetBeans, а значит придется сказать о ней ещё пару добрых слов. Во-первых, она поддерживает русский язык, что для многих PHP разработчиков жизненно важно. Во-вторых, NetBeans поддерживает все известные фреймворки, в том числе Zend, Laravel, Doctrine, CakePHP, Smarty, Yii и Symfony2. Кроме того, естественно поддерживаются javascript, HTML, CSS и PHP в самых свежих версиях.
Лучшая платная IDE - PHPStorm
Данная IDE идеально подойдет для полноценной full-stack веб-разработки. Также поддерживает фреймворки Symfony, Zend, Yii, CakePHP, основные CMS системы Magento, Drupal, Wordpress, отладчики Zend Debugger и Xdebug, а для фронтенда вам доступны CSS3, HTML5, Sass, CoffeeScript, TypeScript, Stylus, Less и еще небольшая куча инструментов. Программная среда поставляется бесплатно для учителей и студентов профильных ВУЗов, для проектов с открытым кодом, ну и для тех, кому хватит 30 ознакомительных дней. В остальных случаях придётся платить.
Самая недооцененная IDE - Sublime Text
Последняя третья версия Sublime Text - среда разработки широкого профиля, основная прелесть которой в огромном количестве подключаемых модулей. Одним из них является PHP IDE. В состав входит все необходимое: отладчики, тестировщики, редактор и поддержка популярных фреймворков. Работать с Sublime Text легко и удобно.
Самая популярная IDE - Eclipse PDT
Еще один представитель прошлого рейтинга. В общем-то его популярность обуславливается обширностью возможностей (соответственно людям, работающим на других языках будет удобно остаться именно на этом продукте), поддерживаемых языков и количеством прикрепляемых пакетов. Нам интересен PDT (PHP Development Tool) со свойственными Eclipse возможностями: подсветкой синтаксиса, помощником в написании кода, рефакторингом, шаблонами, отладкой, валидацией и многим другим.
Лучшая облачная IDE - Cloud 9
Cloud 9 - очередной представитель всеядной среды разработки, что вместе с качеством сборки делает его популярность недостижимой для конкурентов из облачного мира. За бесплатно вы получаете ограничение в виде одного рабочего места, что вполне достаточно для оценки возможностей. Захотите работать командой - приготовьте 19$ (или 1 символический доллар, если команда у вас студенческая).
Самая простая IDE - PHP Designer
Как вы понимаете, титул самой простой IDE накладывает ограничения на функциональность. В данном случае, главный минус - работа только в одной ОС, а именно Windows. Да и в остальном это скорее редактор кода с расширениями, нежели полноценная среда разработки. Но ведь иногда и это хорошо, не так ли?
Лучшая из непопулярных IDE - CodeLobster
Вы не найдете огромного сообщества разработчиков CodeLobster, со справочной документацией тоже всё довольно скудно. Но это не отменяет того факта, что это отличная IDE, поддерживающая Drupal, Joomla, Wordpress, Yii, Symfony, Laravel, Smarty, CakePHP, Phalcon, jQuery, AngularJs, Nodejs.
Самая перспективная IDE - Zend Studio
Завершим обзор мощным продуктом от Zend Technologies, а точнее сухой статистикой:
Отладка с помощью Zend Debugger, Xdebug, интеграция с Z-Ray;
Поддержка SVN, CVS, Docker, Git Flow;
Возможность просмотра MySQL, SQLite, PostgreSQL и других СУБД;
Поддержка библиотеки Dojo;
Качественный редактор кода, с функциями анализа, исправления, рефакторинга, индикации, генерации и пр.;
Поддержка облачный сервисов Microsoft Azure и Amazon AWS;
Свободное обращение с JavaScript, CSS, HTML и конечно PHP (4 и 5);
Панель разработчика Zend Studio Toolbar для браузеров IE и Mozilla Firefox.
С овременный PHP редактор – это программа, которая ограничена лишь написанием и редактированием кода. Функционал такого редактора может поддерживать работу с несколькими языками программирования.
Их существует значительное количество, среди которых, непременно можно подобрать лучший php редактор для пользователя.
Komodo Edit
Э тот редактор php кода (и не только php), станет очень удобным инструментом, как для тех, кто уже знаком с написанием кодов, так и для тех, кто только вникает. Работает он в операционной системе Linux. Стоит отметить, что еще несколько лет назад, КЕ был одним из мощнейших редакторов кода на Линуксе. Komodo Editor разрабатывался одновременно работниками компании Active State и представителями общества. Поддерживает следующие скриптовые языки программирования:
✒ PHP;
✒ JAVASCRIPT;
✒ Perl;
✒ Python;
✒ Ruby;
Р аспространяется бесплатно и доступен для скачивания архивом с официального сайта. Рекомендуются к пользованию последние версии обновления, но судя по отзывам, вполне работоспособен Komodo Edit начиная с 7-ых версий, которые вполне можно найти в архивах и на специализированных форумах. Присутствует русификация, которую необходимо отдельно скачивать. Русификатор должен соответствовать той версии редактора, для которой он написан, это важно. Отличительными особенностями КЕ будут: настраиваемая подсветка, авто-дополнение кода, масса расширений, простое создание проектов, параллельная работа с файлами других проектов и это далеко не всё. Очень достойный редактор, который рекомендуется если не для постоянного пользования, то хотя бы для ознакомления.
Sublime Text
Д анный редактор является аналогом TextMate в мульти-платформенном исполнении. Поддерживает работу на следующих ОС: Windows, Linux, OS X. Лицензия платная, но есть возможность бесплатного использования. Отличий между платной и бесплатной версиями обнаружено не было, за исключением того, что иногда выскакивает окно с предложением приобрести лицензию. Интерфейс достаточно минимизирован, не нагружает глаза лишней информацией и будет приятен, даже при пользовании им продолжительное время.
Обладает великолепной функцией, такой как множественное выделение. Преимуществом также есть создание и вставка снипетов по горячим клавишам. Собственно, сами горячие клавиши могут быть назначены практически на любое действие. Последним и самым весом плюсом, будет наличие огромного количества плагинов, которые позволяют приспособить редактор под свои нужды или привычки.
Поддерживает достаточно большое количество языков программирования, но ими не ограничено. Опять-таки, плагины позволяют вести работу с нужным языком. Подсветка синтаксиса на высоте.
Редактор больше подойдет для тех, кто уже разбирается в редактировании кода.
Notepad ++
Н евероятно простой и полюбившийся многим бесплатный php редактор. Им пользуются, как маститые программисты, так и те, кто только постигает азы редактирования кода. Очень быстро-действенный и не требует много ресурсов компьютера. Свободный доступ к Notepad ++ принес свои плоды: плагины полноценно дополнят работу редактора, а их выпущенное количество позволит подобрать любой необходимый инструмент для работы.
Стандартная поддержка 16 языков программирования, которой хватит для полноценной работы. Среди них: C, C++, HTML, PHP, TCL, Assembler, Java Script, ASCII и другие. Впрочем, это количество дополняется плагинами. Текст подсвечивается, согласно синтаксису выбранного языка. Значительным преимуществом будет одновременная работа с несколькими документами. Отмеченная многими пользователями, функция «авто-завершение слова», облегчит или подскажет верное решение при написании кода.
Также, для удобства работы присутствует опция масштабирования документа, что позволяет видеть весь код, если не целиком, то значительную его часть.
Atom
Е ще один бесплатный html php редактор, с поддержкой множества языков Atom. Плод совместной разработки компании GitHub и сообщества open source, которое развивает этот проект не один год. Редактор включает в себя уже около семидесяти встроенных пакетов (плагинов), которые дают возможность настроить среду редактирования очень тонко, без дополнительных скачиваний. Работа со всеми популярными языками программирования на платформах Linux, Windows и Mac. Обладает визуальным редактором PHP кода. Преимущества:
✔ поиск файла по буквам из названия;
✔ наличие пакета для авто-сохранения;
✔ выбор нужного пакета для установки и удаление неиспользуемых, что влияет на быстродействие процессов;
✔ автоматическое слежение за выходом обновлений пакетов;
✔ благодаря огромному количеству пакетов, удастся создать индивидуальный редактор кода;
✔ авто-дополнение слов кода на порядок продуманнее многих редакторов.
Здравствуйте, уважаемые читатели блога сайт. Уже очень давно хотел написать про замечательный бесплатный редактор (ссылка ведет на официальный сайт, где можно скачать последнюю версию с поддержкой русского языка).
Уже на протяжении многих лет он является одной из самых востребованных и используемых мною программ для редактирования Html, CSS и PHP кода. Даже удивляюсь: «а как я раньше обходился без него, реализуя его потенциал с помощью каких-то других программ?».
Сейчас у меня на компьютере всегда одновременно запущена пара браузеров, очень простой, бесплатный и удобный ФТП менеджер FileZilla и этот самый редактор, возможности которого просто несравнимы с используемым в Windows по умолчанию блокнотом. Но обо все по порядку.
Скачивание и возможности редактора Notepad ++
Установка программы в Windows осуществляется совершенно обычным способом. Так же при желании можете скачать Notepad ++ Portable , представляющий из себя портативную версию этого редактора, не требующую установки в операционную систему.
Портабл версию можно будет получить из обычной, если распаковать архив с программой в любое удобное место и запустить исполняемый файл notepad.exe.
Все плюсы редактора Notepad++
На самом деле встроенный в Windows блокнот отличается от нашего героя так же, как небо и земля. В классическом блокноте нет практически ничего, кроме возможности просмотра и создания простейших текстовых файлов (получается нечто похожее на палку-копалку, используемую людьми на ранних этапах развития).
Начав же пользоваться Нотепадом с двумя плюсами, хотя бы для корректировки Html и CSS файлов, вы сразу попадете из каменного века в кабину современной землеройной машины. Есть, конечно же, и другие альтернативные программы и даже , но для новичка «блокнот с двумя плюсами» будет самое то (имхо).
Да, конечно же, поначалу использование его может показаться замысловатым и нетрадиционным. Но это только в самом начале знакомства, а потом вам будет так же сложно обходиться без него, как, например, многие пользователи компьютера не мыслят свою жизнь (тоже своего рода «классика»).
Если сравнивать Notepad ++ с более сложными программами, предназначенными для облегчения написания и редактирования различных кодов, таких, например, как Dreamweaver, то и тут найдется не мало аргументов для использования именно нашего героя:
- Во-первых, он абсолютно бесплатный , а значит вы сможете существенно сэкономить, используя его вместо того же Dreamweaver, если не брать в расчет взломанных версий платных программ (которые вполне могут быть рассадником троянов и других вирусов).
- Во-вторых, Нотепад намного более легкий и быстрый , нежели многие из платных редакторов. Кроме того, имеется возможность использовать вообще не устанавливая его в операционную систему Windows (так называемая портативная версия — портабл) и носить его, допустим, . В результате вы всегда будете иметь под рукой удобный, функциональный и хорошо понятный вам инструмент для работы с Html, PHP и несколькими десятками других разновидностей кода.
Почему именно это редактор стоит скачать?
Давайте вкратце пробежимся по его возможностям и особенностям, а потом попробуем их рассмотреть более подробно. Итак, Notepad++ умеет следующее:
- Подсвечивать несколько десятков наиболее популярных языков программирования и разметки, например, такие как: Ada, Assembler, C, C#, C++, CSS, FORTRAN, HTML, Java, JavaScript, Objective-C, Pascal, Perl, PHP, Python, Ruby, SQL, XML.
- В нем очень просто осуществить смену кодировки
, например, на являющуюся сейчас популярной , о которой я рассказывал в статье, посвященной борьбе с кракозябрами в кодировках русского языка (см. ее по ссылке).
- В одном окне программы можно будет открывать на редактирование сколько угодно файлов, ибо Notepad++ использует вкладки
на манер тех, к которым вы уже успели привыкнуть в современных браузерах.
Цвет дискетки на каждой вкладке показывает, сохранили ли вы произведенные в нем последние изменения с помощью аналогичной дискетки на панели инструментов. На активной вкладке красная дискетка (а на неактивной — фиолетовая) говорит о вашей забывчивости.
- С помощью этого редактора можно вести поиск
(Ctrl+F) как по открытому в нем документу, так и по целому сонму текстовых файлов, лежащих в определенной папке. Возможен поиск с заменой и с использование регулярных выражений. Потрясающе удобный инструмент.
- В настройках этого редактора можно включить автоматическое прописывание закрывающего Html тега, при наборе открывающего, а так же опцию автозавершения тегов.
- Нотепад++ не только ведет историю всех ваших изменений и позволяет откатиться на сколько угодно шагов назад или вернуться вперед, но и осуществляет резервное хранение копий этих документов на манер того, как это делает Микрософт Ворд.
- Этот редактор имеет возможность управления горячими клавишами
, которых в нем задано великое множество — из верхнего меню «Опции» — «Горячие клавиши». Причем, при двойном щелчке мышью по интересующей вас комбинации откроется окно для переназначений клавиш, что может быть удобно тем, кто на Notepad пересаживается с другого редактора.
- Нотепад за годы своего существования обзавелся массой плагинов
, некоторые устанавливаются с ним по умолчанию, а остальные будут доступны для вас из верхнего меню «Плагины» — «Plagin Manager» - «Show Plagin Manager».
Для установки вам достаточно будет на первой вкладке поставить галочку у нужного плагина и нажать на кнопку «Install».
После этого окно редактора перегрузится и новый плагин будет доступен в одноименной вкладке:
- Еще этот «швейцарский нож» умеет подключаться к вашему сайту по ФТП, записывать и воспроизводить макросы, осуществлять проверку орфографии на лету, проводить сравнение двух файлов в открытых рядом окнах и многое — многое другое.
Для всех этих языков осуществляется подсветка синтаксиса , разбиение кода на строки и блоки, которые можно свернуть нажатием на минус и развернуть, нажав на плюс. А так же пунктиром можете отображаться связь между элементами. Для примера я взял фрагмент PHP кода, чтобы продемонстрировать возможности этого редактора:
Если щелкнуть мышью на открывающем Html теге, то он выделится синим фоном и одновременно так же будет выделен и закрывающих тег, если таковой имеется. Замечательно помогает найти незакрытые элементы и .
Что вам еще может понадобиться в Нотепад ++
- Благодаря подсветке синтаксиса в Notepad ++ очень легко, например, проверить, закрыты ли все Html теги в коде, а при наличии минимального опыта вы уже визуально будете отмечать, что в коде у вас где-то была допущена ошибка , ибо изменится цветовое оформление кода в этом месте.
- Так же, из-за того, что код выделяется цветом, а обычный текст моих статей остается черным, моему неизменному корректору грамматических ошибок (любимой супруге) очень удобно осуществлять проверку грамматики именно в нем. Нет, кончено же, я использую и различные , но не одни из них еще не умеет проверять пунктуацию, да и смысловые ошибки тоже.
- Еще мне в этом текстовом редакторе очень нравится возможность наглядного отображения отдельных блоков кода с помощью подсветки скобок вида { } (). Когда курсор мыши находится между какими-либо скобками, то они подсвечиваются, как бы выделяя начало и конец блока Html или PHP кода.
- Кроме отличной реализации подсветки следует отдельно отметить возможность сделать шаг назад
(отменить предыдущее действие). Причем количество шагов назад не ограничено, что позволяет не бояться экспериментировать с кодом без риска необратимых последствий.
Отмена действия в Notepad++ возможна с помощью горячих клавиш Ctrl+Z (Ctrl+Y — шаг вперед, т.е. отмена произведенной отмены), с помощью соответствующих пунктов меню «Правка» или же с помощью кнопок в виде загнутых стрелочек на панели инструментов этого редактора.
- Нотепад++ постоянно отслеживает состояние открытых в нем документов и в случае их изменения или удаления, например, в другой программе, вам будет показано окно с предложением закрыть данную вкладку с документом или же повторно подгрузить ее измененную версию.
- Как я уже ранее упоминал, в блокноте с двумя плюсами имеется возможность настройки подсветки синтаксиса
(а так же десятка других языков) под свои вкусы и нужды, но я этой опцией ни разу не пользовался, ибо вполне устраивают настройки, принятые по умолчанию.
Но вам никто не мешает это сделать, благо что все предельно просто — выбрать из верхнего меню пункты «Опции» — «Определение стилей», в результате чего откроется окно, где вы сможет сами тонко настроить шрифты и цвета для подсветки Html, PHP или любого другого нужного вам языка.
- Очередной примочкой, которая кажется мне довольно удобной в этом редакторе, является возможность перетаскивания ярлыков документов прямо в окно программы для их открытия (хотя этим вряд ли можно кого-то удивить) и возможность перетаскивать в самом документе выделенный фрагмент кода (левой кнопкой мыши) в нужное вам место.
- При работе с Notepad++ у вас будет возможность ставить маркеры
, которые в нем обзываются заметками, но суть от этого не меняется. В нужной вам строке можете поставить на левом поле щелчком мыши маркер в виде синей точки.
Для установки маркера (заметки) в редакторе так же можно воспользоваться сочетанием клавиш Ctrl-F2, а для перемещения между проставленными в документе маркерами достаточно будет последовательно нажимать F2 или Shift-F2 для листания заметок в обратную сторону.
- Если вы работаете в этом редакторе с Html файлом, то можете посмотреть как будет выглядеть ваш код в браузере
FireFox или IE посредством выбора соответствующих пунктов меню «Запуск». Если нужен другой браузер, то выбираете верхний пункт «Запуск» и отыскиваете в открывшемся окне нужный вам экзешник.
- Так же имеется возможность записи макросов , которые мне еще не доводилось создавать, но логика их работы довольно проста. Сначала вы записываете его, выбрав из меню редактора пункты «Макросы» — «Старт записи», а затем вставляете записанные макросы в нужное место кода, выбирая их из меню редактора или же воспользовавшись назначенными для них горячими клавишами.
Так же в Notepad++ имеется возможность автоматического завершения набираемого вами слова, что может быть очень удобно, если вы не уверены в правильности написания того или иного оператора Html, PHP или любого другого кода. Для этого вам при наборе достаточно нажать сочетание клавиш Ctrl-Пробел и выбрать из открывшегося окна нужный вариант:
Если хотите сделать автозавершение кода автоматическим, без использования горячих клавиш, то нужно будет выбрать из верхнего меню «Опции» — «Настройки» и на вкладке «Резерв/Автозавершение» поставить галочку в поле «Включить для каждого ввода».
Кодировки и работа с файлами в окне редактора Нотепад++
- Следует отметить, что этот редактор кода позволяет сохранять и преобразовывать файлы Html, PHP и другие в кодировку UTF-8 (без BOM). Мне это не раз помогало побороть проблему с русской кодировкой при работе с различными сайтами.
Когда я хотел изменить какую-либо надпись на сайте на русскую, то зачастую получал в результате кракозябры, причиной которых была кодировка Windows-1251, в которой был сохранен исходный файл.
После того, как исходный файл был преобразован в кодировку UTF-8 (без BOM) , кракозябры с успехом трансформировались в обычные русские символы. Т.о. если вы добавляете кириллицу в какие-либо файлы движка, то для ее правильного отображения на сайте нужно будет либо сразу его сохранять в правильной кодировке, либо потом преобразовывать.
Следует сказать, наверное, пару слов про этот самый BOM. Дело в том, что когда вы работаете с разными текстовыми объектами в обычном блокноте Windows, то при сохранении его в кодировке UTF-8 происходит добавление невидимых символов (BOM), которые могут сказаться впоследствии на работоспособности данного файла (например, PHP может выдавать ошибку).
- Если вы захотите распечатать содержимое открытого файла, то на печать будет выведен код не в том виде, в каком вы его наблюдаете в окне программы. Но выбрав из меню «Опции» — «Настройки» вкладка «Печать»
вы вольны будете это изменить и выбрать вариант печати подсветки кода цветом, разрешить отображать номера строк, колонтитулы и т.п. вещи:
- В этом продвинутом текстовом редакторе так же имеется возможность открывать сколь угодно много новых документов, не опасаясь, что вы тем самым захламите панель задач операционной системы. В унисон с современными браузерами, он будет открывать все новые документы не в новом окне программы, а в новой вкладке
уже открытого окна.
Причем, эти вкладки различных документов в окне этого блокнота можно будет произвольным образом перетаскивать мышью, закрывать и сворачивать.
Ну, и в зависимости от сделанных настроек («Опции» — «Настройки») все открытые перед закрытием Notepad ++ вкладки будут восстановлены при очередном запуске программы (опять же аналогично работе браузеров). Закрывать ненужные можно двойным кликом по ним или размещать их вертикально.
- Кроме привычных операций с вкладками, в этом редакторе можно будет открыть в одном окне сразу две копии одного и того же документа
. Это может понадобиться, если нужно проводить работу с документом в разных его частях (где-то посмотреть или скопировать, а куда-то вставить).
Для активации этого режима вам будет достаточно щелкнуть правой кнопкой мыши по нужной вкладке PHP редактора и выбрать из контекстного пункт «Дублировать в Другом окне».
Очень удобно то, что сохранив изменения в одной из копий документа, обновится и вторая (т.е. вы не запутаетесь — сохранили ли вы произведенные изменения и в какой именно копии).
- Так же в нем мне очень нравится встроенный поиск по открытым Html или PHP документам с возможностью замены (некоторые активно используют для этого регулярные выражения, но я к своему стыду их не знаю). Все богатство поиска в этом продвинутом текстовом редакторе можно оценить, просто открыв пункт меню «Поиск». Скриншот смотрите в начале статьи.
Вообще, этот текстовый редактор очень много чего взял полезного и удобного из функционала других приложений, за что отдельный респект его разработчикам и тем, кто делает для него плагины, о некоторых из которых сейчас и пойдет речь.
Использование плагинов в Notepad++
Напомню, что для установки нового плагина вам достаточно будет выбрать из верхнего меню редактора «Плагины» - «Plagin Manager » - «Show Plagin Manager».
А в открывшем окне на первой вкладке (из верхнего меню) поставить галочку у нужного плагина и нажать на кнопку «Install» .
После этого окно редактора перегрузится и новый плагин будет доступен в одноименной вкладке. В общем, все проще некуда.
Какие плагины для Нотепада вам могут понадобиться в работе
- Если вы установите плагин Customize Toolbar с помощью Plagin Manager, то получите возможность перетасовать, удалить или добавить новые кнопки на панель инструментов
этой программы.
- В начале статьи я упоминал Light Explorer, который добавляет возможность открытия в левой колонке менеджера файлов
. Однако, для этой же цели можно использовать и Explorer, который вы найдете в менеджере плагинов.
- Отличный плагин WebEdit
, позволяющий по аналогии с Html редактором Вордпресса обрамлять текст наиболее востребованными тегами заголовков, списков, таблиц и других. Выделяете нужный фрагмент и щелкаете по одной из кнопок на панели инструментов Notepad++.
- ImgTags — позволяет с уже прописанными горизонтальным и вертикальным размером (сам их вычисляет, что очень здорово), заготовленным атрибутами ALT и SRC (нужно будет туда еще добавить путь до папки с картинками на вашем сервере).
Очень много дополнительных и удобных примочек предоставляет плагин «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, которая живет .
Проверка правописания окне в Нотепад++ с помощью плагинов
Для подключения проверки грамматики русского языка в редакторе 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)
Как вести поиск по содержимому файлов в Total Commander
FileZilla - где бесплатно скачать и как научиться пользоваться популярным FTP клиентом Файлзилла
PhpMyAdmin - что это такое, где можно его скачать, как установить, настроить и использовать
Artisteer - программа для создания и редактирования шаблонов для Joomla и тем для WordPress
Punto Switcher - бесплатный переключатель раскладки клавиатуры и другие возможности программы Пунто Свитчер
