Notepad не работает css

Ускорение верстки — да поможет Notepad++

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

Ситуация изменилась, когда объем работы вырос, и я физически не успевал верстать то, что вроде как должен успевать. Конечно, есть свои html и css заготовки, но копипастить их — сомнительный выигрыш во времени. Работа по FTP через Total Commander тоже не очень то удобна — много лишних телодвижений.

И вот я решил потратить время на настройку своего любимого Notepad++, слышал где-то что гибко он настраивается 🙂

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

Наверное стоит начать с установки (выделено — установка профиля в Program Files — настоятельно рекомендую):

В первую очередь решил разобраться с FTP — давно видел кнопочку, но «не работала». Всё оказалось просто как валенок — вбиваешь, сохраняешь и работаешь с файлами прям на сервере — офигенная экономия во времени.

И, как ни странно, многие коллеги давно юзают этот редактор и не пользуются встроенным FTP-клиентом. Это очень удобно, поверьте!

Макросы

Если FTP-клиентом я пользуюсь уже давно, то на макросы обратил свой взор совсем недавно, и когда понял их силу — скорость работы значительно выросла!

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

Если кого-то заинтересовали макросы — делюсь тем, что у меня есть. Кстати, корректно работать макросы стали только в последней версии Notepad++.

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

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

UPD: Notepad++ больше почти не использую, перешел на Netbeans, о чем есть пост на хабре и в бложеке.

Источник

HTML редактор Notepad++, установка и настройка

Для работы с документами HTML и CSS достаточно удобно применить HTML редактор Notepad++.

Можно вообще-то применить любой редактор, который поддерживает кодировку UTF-8 и таких редакторов в настоящее время довольно много, но Notepad++ обладает рядом преимуществ.

Содержание:

HTML редактор Notepad++ является бесплатной программой и его часто сравнивают с продвинутым аналогом обычного блокнота, который есть в Windows.

Но это не совсем верное сравнение, так как Notepad++ является действительно мощной программой. Редактор поддерживает много языков программирования и работать с ним намного удобней, чем с обычным блокнотом.

Устанавливаем HTML редактор Notepad++

Адрес официального сайта – notepad-plus-plus.org. Здесь слева имеется вкладка download, при нажатии на нее откроется страница закачки редактора, на которой также присутствует одноименная кнопка.

Устанавливается HTML редактор Notepad++ как любая обычная программа. Никаких особых навыков не требует и сложностей при этом не возникнет.

Единственное, в окне Компоненты устанавливаемой программы нужно указать локализацию – Тип установки – Russian.

В следующем окне кликаем Далее и затем Установить.

Установка редактора Notepad++ проходит достаточно быстро, оставляем флажок Запустить и нажимаем Готово.

Настройки редактора Notepad++

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

Кроме этого в программе надо сделать необходимые настройки:

• Заходим в Опции — Настройки открываем вкладку Новый документ и в поле Кодировка нужно поставить UTF-8 без метки BOM, а также снять флажок Применить при откр. ANSI файла.

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

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

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

• Далее можно изменить размер шрифта, Ctrl+NumLock+ увеличивают размер, соответственно, Ctrl+NumLock — – уменьшают. Рекомендуется сделать такой, чтобы глаза не уставали.
• Затем переходим во вкладку Вид и устанавливаем Перенос строк. Строки при написании кода могут быть очень длинными.

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

• Далее переходим в Опции – Определение стилей. Здесь можно выбрать тему, то есть стиль, который будет определять внешний вид редактора и чтобы различные части кода подсвечивались разными цветами.

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

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

Доступные функции редактора

• В поле программы кодировка указывается в правом нижнем углу – ANSI as UTF-8. Это другое название кодировки UTF-8, без специальной метки BOM.

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

Во вкладке Кодировки также можно увидеть после настроек, что черный кружок стоит напротив Кодировать в UTF-8 (без BOM). Это показывает текущую кодировку документа.

Чтобы документ преобразовать в другую кодировку, нужно ее выбрать из нижней части выпадающего меню и тогда произойдет преобразование документа.

• В редакторе Notepad++ есть функция, которая отсутствует во многих других редакторах, это возможность свернуть код. Это позволяет более визуально наблюдать структуру какого-то кода.
• Если имеется две вкладки, то можно их окна расположить рядом. Для этого достаточно перетянуть одну вкладку в центр. Появляется контекстное меню, в котором можно выбрать пункт Переместить в другую область.

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

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

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

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

Сначала макрос надо включить – Макрос – Начало записи, либо при помощи кнопки на панели инструментов, затем вводим нужную запись, останавливаем ее. Сейчас запись можно удалить.

Чтобы вставить, можно нажать горячие клавиши – Shift+Ctrl+P либо Макрос – Прокрутить запись. Все, наша запись вставится в нужное место.

Сейчас макрос можно сохранить – Макрос – Сохранить запись в макросе, появляется окно, в котором можно задать ему имя, назначить сочетание клавиш.

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

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

Источник

Как запустить html страницы в браузере chrome через notepad++

Как запустить html страницы в браузере chrome xthtp notepad++
Есть такая проблема. Установил у себя программу Notepad++ которая, как говорилось в описании, самая.

Как в Chrome через инспектор записать всю динамику html страницы?
Всем приветы! Подскажите пожалуйста, как записать всю динамику старницы, чтобы потом это можно.

Запуск в notepad++ написанной html страницы через меню в Opera
В notepad++ можно написанную html страницу запустить через меню и в софари, и мозиле, и.

Отображается html-код вместо веб-страницы после сохранения через Notepad++
Всем привет, подскажите почему я начал работать в Notepad++, напечатал самый простой документ, а.

Решение

А что значит не сработали? Там же просто нажать кнопку «открыть в chrome». Максимум путь до chrome.exe указать.
Вообще html открывается браузером без всяких дополнительных программ. Просто два раза кликни на файл.

Но сайты так не делаются, максимум html+css уровня hello world, даже PHP не заработает.
Лучше учись сразу правильно делать, через веб-сервер. Тогда сайты можно будет открывать просто набирая соответствующий url в браузере.
Если винда, то можно присмотреться к сборкам типа open server и laragon. Но лучше линукс поставить и привыкать самому настраивать всё.

Notepad++ имхо древность, я бы рекомендовал sublime text, а лучше поставить IDE типа PHPStorm. Ничего сложного там нет и с самого начала можно просто писать код, постепенно осваивая новые фичи.

Источник

Notepad++ — бесплатный редактор HTML, CSS и PHP кода с подсветкой синтаксиса и полезные плагины для Нотепада++

Здравствуйте, уважаемые читатели блога Goldbusinessnet.com. Думаю, всем известно о таком текстовом редакторе как простой блокнот (Notepad), который поставляется в комплекте ПО операционной системы Windows. Так вот, несмотря на общность названий, разница между ним и нашим сегодняшним героем Нотепад плюс плюс такая, как между первым черно-белым телевизором и современным HD устройством с кучей функционала.

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

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

Скачивание, установка Нотепад ++ и его базовые опции

Итак, скачать Notepad rus (на русском) вы можете с официального сайта этого софта, где всегда найдете актуальную на текущий момент версию (кликните по ссылке «Download» свежего релиза, расположенного в самом верху странички):

При этом, в комплектацию программы включены десятки языков, в том числе и русский. Очень важный момент: если у вас вариант 64-битной Виндовс, то менеджер плагинов (Plugin Manager) будет недоступен и его придется устанавливать отдельно (это очень нужный модуль, который экономит массу времени в процессе расширения функционала). Имейте это ввиду.

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

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

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

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

Далее выделим наиболее полезные и часто используемые функции этого редактора. При этом будем исходить из того, что данный софт предназначен в первую очередь для составления и изменения содержания документов, написанных на самых различных языках программирования, а также HTML, CSS и PHP файлов, которые применяются при создании сайта, в том числе на каком-то из современных движков (здесь сведения о лучших CMS).

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

1. Поиск (горячие клавиши Ctrl+F) выражений, слов или совокупности определенных символов и знаков можно производить как в открытых документах, так и во всех текстовых файлах, находящихся в конкретной папке:

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

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

Причем, есть очень полезный инструмент подсказки, который выводит сообщение «CONFLICT FOUND!» при попытке создать сочетание клавиш, которое уже имеется в списке. Это очень удобно, поскольку нет необходимости каждый раз вручную перелопачивать весь перечень по этому поводу. В этом случае просто указываете другой вариант горячих клавиш.

3. Подсветка синтаксиса для нескольких десятков языков программирования (Assembly, Batch, C++, CSS, Diff, Erlang, Forth, HTML, Intel HEX, Java, Javascript, Pascal, PHP, Ruby, Shell, SQL, XML и других). Установить подсветку для документа на нужном языке можно из раздела «Синтаксисы» того же верхнего меню:

Настроить оформление подсветки в редакторе возможно во вкладке «Опции» — «Определение стилей», где сначала выбираете общую тему из выпадающего списка, а затем для каждого элемента соответствующего языка (подразделы «Язык» и «Стиль») можно установить свою цветовую гамму и шрифты:

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

Эти действия позволительно реализовать также посредством горячих клавиш Ctrl+Z (назад) и Ctrl+Y (вперед). Поскольку число таких шагов ничем не лимитировано, вы получаете отличную возможность спокойно тестировать различные варианты документов при редактировании, не опасаясь сотворить какую-нибудь критическую ошибку, способную привести к фатальным последствиям. К слову, отмена или повтор действий производится и из раздела «Правка»:

5. С помощью вкладок в Notepad плюс плюс можно открывать сразу несколько файлов для их редактирования аналогично вкладкам в любом современном браузере:

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

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

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

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

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

Функционал для работы с документами в редакторе

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

1. Notepad plus plus позволяет проконтролировать, все ли HTML теги закрыты. Если кликнуть по какому нибудь открывающему тегу в документе, то при наличии закрывающего (или наоборот) оба они будут подсвечены. Более того, пунктирная линия, соединяющая их, даст представление о содержании, расположенном внутри блока, который находится между этими тегами:

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

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

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

3. Посредством той же подсветки синтаксиса можно выделять кодовые фрагменты, которые заключены в фигурные <>, квадратные [] или стандартные () скобки. При щелчке по одной из них (неважно, закрывающей или открывающей) подсвечиваются обе, что тоже очень удобно:

4. Автозавершение является еще одной фишкой, призванной облегчить работу с текстовыми файлами. Эта опция, установленная по умолчанию, дает возможность автоматически завершать набираемое вами слово. С этой целью достаточно выбрать из таблички с подсказкой нужное (например, свойство CSS) и нажать «ENTER »на клавиатуре:

5. Перемещение документа, ярлык которого находится на рабочем столе, прямо в окно Нотепада plus plus — еще одна возможность оптимизации работы с файлами. Ну, это совсем несложно, тем более, что такая операция наверняка вам известна, поскольку предусмотрена во многих программах. Просто хватаете c поверхности рабочего стола ярлык нужного документа мышкой и осуществляете знакомое действие «drag-and-drop» (бери-и-брось).

6. Перетаскивание выделенного фрагмента кода внутри самого документа. И здесь все проще простого: выделяете курсором нужный кусок, зажимаете его мышкой и помещаете в нужное вам место.

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

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

8. В случае использования в работе HTML файла существует возможность просмотреть вид кода в соответствующем браузере. Для этого используйте «Запуск» из верхнего меню:

Выбираете из списка обозреватель (Firefox, IE, Chrome или Safari) и жмете на него левой кнопкой мышки. Ежели вы планируете лицезреть код в другом браузере, то кликаете по первой строке «Запуск», а затем вводите местоположение нужного файла .exe:

Далее запускаете обозреватель (в моем примере это Opera), щелкнув по соответствующей кнопке.

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

Чтобы избежать этой неприятности, надо перед вставкой текста на русском языке на вебсайт применять для содержащего его файла кодировку UTF-8 (без BOM). Либо преобразовать в эту кодировку уже имеющийся документ, после чего кракозябры будут успешно заменены вполне читабельным текстом. В Notepad плюс плюс для этого есть все возможности:

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

По этой причине в Нотепаде ++ по умолчанию уже установлена опция преобразования всех новых документов в UTF-8 (без BOM) (в самих настройках она указана как UTF-8):

Советую во избежания неприятностей в таком виде так все и оставить.

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

Для чего нужен Менеджер плагинов и как его использовать

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

И вот здесь Plugin Manager (Менеджер плагинов) играет не последнюю роль. Именно с помощью этого модуля можно быстро найти нужные плагины (которых, кстати говоря, целая уйма) и затем добавить их безо всяких проблем в редактор. Перейти к Менеджеру можно из верхнего меню:

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

По окончании инсталляции любого расширения в появившемся диалоговом окне, в котором будет сообщение о необходимости перезагрузки редактора, нажимаете «Да» (после этого действия произойдет активация установленного плагина):

Как я отмечал в начале статьи, Менеджер должен находиться в комплекте с самим Нотепадом, если вы устанавливаете программу на 32-битную ОС Виндовс. Для 64-битной вариации этой операционной системы Plugin Manager в составе редактора отсутствует.

Но не всегда такой расклад имеет место. Лично я однажды столкнулся с ситуацией, когда после скачивания программы и установки ее на 32-разрядную Windows Менеджера плагинов не оказалось. Точно не могу сказать, по какой причине произошел этот конфуз, но то, что такое может быть, непреложный факт.

Поэтому я решил втолкнуть в эту и так объемную статью еще и информацию о том, как добавить Plugin Manager отдельно, если он отсутствует. Думаю, это кому-нибудь да поможет.

Как установить Plugin Manager при его отсутствии в комплекте

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

Скачиваете архив ZIP на компьютер и распаковываете его. После распаковки перед вами будут две папки, вам понадобится только «Plugins». Открываете ее и перемещаете находящийся там файл PluginManager.dll в директорию установленной программы Notepad++ — plugins. Затем перезагружаете программу, если она у вас была открыта, после чего Менеджер обязательно должен появиться на своем законном месте.

Как расширить возможности Notepad++ за счет плагинов

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

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

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

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

1. Compare — дает возможность сравнить два документа. Но сначала его необходимо установить через Plugin Manager:

Чтобы активировать работу плагина, нужно из верхнего меню перейти в «Плагины» — «Compare» — «Compare» либо использовать клавиши Ctrl+Alt+C (не забывайте о возможном конфликте). В итоге в окне программы наряду с документом в активной вкладке откроется содержание соседнего файла:

Для удобства анализа двух CSS, HTML, PHP или простых текстовых документов Нотепад осуществит подсветку различий в каждом из них. Причем, для сравнения можно располагать их содержание как в вертикальном, так и в горизонтальном положении.

Чтобы поменять вид отображения, подведите курсор к разделительной полосе, кликните правой кнопкой мышки и из появившегося контекстного меню выберите «Rotate to left» или «Rotate to right» (повернуть направо или налево).

Возврат в стандартный режим работы можно осуществить двумя путями. Для закрытия активного сеанса сравнения файлов надо из того же раздела «Плагины» — «Compare» нажать на строчку «Clear active compare» либо использовать сочетание клавиш Ctrl+Alt+X.

А с целью очистки всех результатов сравнительных анализов примените пункт «Clear all compares» или Ctrl+Alt+Shift+Z (кстати эти горячие клавиши уже в моей редакции, поскольку произошел-таки конфликт, о возможности которого я говорил в начале этого раздела статьи).

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

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

3. WebEdit — плагин, помогающий заключать нужный фрагмент в тот или иной HTML тег (это могут быть списки, таблицы, заголовки разного формата, контейнеры div и т.п.):

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

4. Light Explorer — открывает Менеджер файлов в левой части окна редактора. После инсталляции посредством Менеджера и стандартной перезагрузки блокнота с 2 плюсами для активации достаточно кликнуть по его названию из списка «Плагины»:

Кстати, и здесь ввиду имевшего место конфликта быстрых клавиш мне пришлось установить новое сочетание (Alt+E) вместо автоматически сформированного Alt+A.

Применение Notepad++ для ФТП-соединения с удаленным сервером посредством плагина NppFTP

Это, пожалуй, один из самых востребованных плагинов для тех, кто занимается вебмастерингом, поскольку позволяет соединяться по ФТП с хостингом, где «живет» сайт, и редактировать файлы ресурса на удаленном сервере. Конечно, для решения такой задачи есть еще и менеджер FileZilla, но в определенных ситуациях работать с текстовыми файлами мне, например, удобнее в продвинутом Нотепаде. После установки расширение должно появиться в списке «Плагины»:

Если нажмете на пункт «Show NppFTP Window», то справа появится специальное окно, в котором после соединения будут отображаться все файлы на удаленном сервере. Если вы далее планируете использовать Нотепад в качестве FTP клиента для редактирования файлов сайта, щелкните по значку шестеренки и выберите из выпадающего меню «Profile Settings»:

Прежде всего, нажатием кнопочки «Add new» вызваете диалоговое окно, в котором прописываете название профиля, вписываете домен сайта (Hostname) и определяете тип протокола (FTP).

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

Нужно иметь ввиду, что при снятой галочке напротив опции «Ask for password» у вас будет возможность внести в соответствующее поле пароль доступа к файлам вебсайта. Но гораздо более безопасно заполнить все-таки чекбокс и каждый раз при соединении с сервером вводить пассворд, который будет запрашивать Notepad. При этом для хранения и автоматического ввода паролей лучше всего применять какой-нибудь надежный сторонний софт (рекомендую KeePass).

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

Проверка орфографии текста с помощью DSpellCheck

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

По умолчанию есть возможность проконтролировать на правильность написания исключительно англоязычные документы (чтобы проверка осуществлялась на автомате, нажмите «Spell Check Document Automatically»). Для того, чтобы установить, скажем, русский язык, потребуется еще загрузить и соответствующий словарь.

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

Продолжим. Для установки словаря надо перейти в настройки, щелкнув по пункту «Settings. »:

Тут лучше использовать дефолтную библиотеку Hunspell, поскольку в этом случае не придется предпринимать никаких дополнительных телодвижений кроме, собственно, установки словаря для нужного языка. Жмете на кнопку «Donload Dictionaries», после чего выбирайте подходящий язык (в данном примере — русский) из перечня поддерживаемых:

Через некоторое время появится сообщение, что словарик для русского языка инсталлирован. Жмете «ОК», после чего из выпадающего списка напротив опции «Language» находите «Russian»:

Щелкаете последовательно по кнопочкам «Apply» и «OK», этими действиями вы подтверждаете сохранение настроек. В итоге в списке DSpellCheck появится русский наряду с английским и впоследствии вы сможете переключаться между ними для проверки документов на этих языках:

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

Тем более, что при проверке орфографии текста в HTML формате можно установить подсветку тегов, в то время как сам текст будет черным. Слова с грамматическими и стилистическими ошибками будут подчеркнуты красной волнистой линией.

Источник