Notepad html


Notepad++ и плагин Emmet. | Блог веб дизайнера.

Установка и настройка Notepad++ и подключение плагина Emmet.

Приветствую всех читателей блога. Сегодня поговорим о текстовом редакторе Notepad++. А в частности о его использовании в качестве редактора кода. Поскольку NPP имеет интеллектуальную подсветку кода, поддерживает синтаксис практически всех языков программирования, имеет встроенную функцию авто закрытия тегов, скобок и кавычек, а так же функцию авто подсказок, то он с полным правом может считаться полноценным редактором кода. При этом, с учетом его легковесности, быстродействию, отказоустойчивости, бесплатности и возможности расширения функционала за счет подключаемых плагинов, я считаю NPP одним из лучших редакторов. Думаю, что многие, кто занимается кодингом со мной согласятся. Итак, давайте его установим и настроим для полноценной работы с HTML и CSS. Скачиваем установщик по ссылке или с сайта разработчиков и устанавливаем. Единственное, что Вам нужно будет сделать во время установки, это указать Русскую локализацию. Теперь займемся настройкой. Прежде всего определимся с внешним видом. Для начала создаем новый документ и во вкладке «Синтаксис» выбираем HTML. Теперь набираемый код будет подсвечиваться. Чтобы изменить стиль редактора кликаем по вкладке «Опции» и выбираем пункт «Определение стилей…». В выпадающем списке «Выбрать тему» выбираем ту цветовую схему, которая Вам больше всего понравиться. Просто пишем несколько произвольных строк с тегами, атрибутами и просто текстом. И смотрим на результат. Как известно, приятный внешний вид непроизвольно улучшает настроение, а соответственно и производительность. Теперь во вкладке «Опции» выбираем пункт «Настройки…». В открывшемся окне переходим в пункт «Новый документ». Здесь мы задаем параметры для всех новых создаваемых документов. В списке «Синтаксис» устанавливаем HTML. Тетерь, при создании документа теги будут подсвечиваться, а при его сохранении будет автоматически выбран тип файла HTML. В блоке «кодировка» выбираем кодировку по умолчанию. Я рекомендую использовать UTF-8, поскольку она универсальная и в настоящий момент самая перспективная. Хотя здесь у каждого свои предпочтения. Если выбираете UTF-8, то обязательно снимите галку с пункта «Применить при откр. ANSI файла». В противном случае все открываемые файлы с кодировкой ANSI будут автоматически перекодированы в UTF-8. Что не есть правильно. Дальше в пункте «Автозавершение» в блоке «Парные символы» устанавливаем флажки напротив скобок { }, ( ), [ ] и кавычек " ", ' '. Теперь они будут закрываться автоматически и у Вас уже не получиться забыть закрыть скобки. Весьма удобная функция. Чекбокс «закр. теги HTML/XML» оставляем пустым. Окно настройки можно закрыть. После этого переходим во вкладку «Вид» и кликаем по пункту «Перенос строк». Увеличиваем размер шрифта с помощью клавиш Ctrl и + (на цифровой клавиатуре) до приемлемого. (Чтобы уменьшить – Ctrl и -). На этом настройку Notepad++ можно закончить.

EMMET.

Настала пора подключить к NPP плагин Emmet. Плагин этот предназначен для ускорения написания кода HTML и CSS. Документацию с видео уроками Вы можете найти на сайте разработчика. Там же посмотреть с какими редакторами он может быть использован. Итак, давайте подключим Emmet к нашему NPP. Для этого заходим во вкладку «Плагины» и в пункте «Plugin Manager» выбираем «Show Plugin Manager». В открывшееся окно будут загружены все доступные для установки на данный момент плагины. Находим среди них Emmet, устанавливаем напротив него флажок и нажимаем кнопку «Install». Далее соглашаемся со всем, что потребует установщик. Включая перезагрузку Notepad++. Нюанс: при перезагрузке редактора может появиться всплывающее окно сохранения документа, которое (почему-то) спрятано под окно перезагрузки. Нужно его «достать» и закрыть. В противном случае перезагрузку будете ждать вечно. После перезагрузки NPP во вкладке «Плагины» появится плагин Emmet. Теперь переназначим горячие клавиши для основных действия плагина. Для этого заходим в «Опции» -> «Горячие клавиши…» и во вкладке «Plugin commands» выбираем «Expand abbreviation» и нажимаем кнопку «Modify». Затем выбираем удобные сочетания клавиш если они доступны. Если сочетание доступно но не работает, значит оно где-то уже назначено. При желании можно поискать где именно и снять назначение (назначить другое). А для экспанда использовать понравившееся. К примеру на скрине выше у меня назначено сочетание Ctrl+Spacebar. До этого оно было назначено команде «Завершение функций» во вкладке «Main menu» которой я не пользуюсь и которой я назначил другое сочетание. Аналогичным образом меняем сочетание клавиш для «Wrap with abbreviation». Теперь о том, как работает данный плагин. Для примера наберите в редакторе слово div и нажмите сочетание клавиш, которое Вы выбрали для экспанда. В результате получится . Интересно, правда? Если блок div имеет идентификатор или класс, то слово div можно опустить. Попробуйте так: #top_menu>ul>li.menu*4>a и получим: Как вы успели заметить, знак > означает вложенность а * - количество подобных тегов на данном уровне. А теперь наберите вот такую строчку: html((head>link+title)+body(#main(#header)(#block((#content_block>#content)+#left_block+#right_block))+#footer)) И в результате получаем готовый HTML код каркаса трехколоночной страницы. Осталось добавить стили и все.<html> <head> </head> <body> </body> <html> При написании CSS свойств все еще проще. В основном, за некоторыми исключениями, сокращение свойств производится по первым буквам. Например: m – margin, ml – margin-left, p – padding, fw - font-weight и так далее. Заходим на сайт разработчика и смотрим там. Но лучше всего запоминается, когда пробуешь сам и записываешь на бумажке. Если Вам нужен заполняющий текст, так называемая «рыба», то просто набираете lorem запускаете экспанд и все. Теперь коротко об «Wrap with abbreviation». Это не что иное, как обертка. К примеру, Вы хотите обернуть текст в тег параграфа. Для этого выделяете текст и запускаете врап. Горячие клавиши для него Вы уже назначили. В результате появится окно в котором и нужно прописать р. Или, к примеру, div>p и тогда параграф будет внутри контейнера. На этом, пожалуй пора заканчивать. До следующих постов.

Видеоверсия поста.

Скачать видео.

www.victorshkoda.com

Notepad++ — бесплатный Html Php редактор с подсветкой синтаксиса, скачать бесплатно notepad++, работа и настройка текстового редактора

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

 

Как раз для полного удобства при работе с сайтом я использую браузер Mozilla Firefox, Ftp менеджер FileZilla для загрузки файлов и текстовой редактор Notepad++. И это не удивительно, что Notepad++ остается самым популярным текстовым редактором Html и Php. Можно подчеркнуть его несколько основных преимуществ:

Скачать бесплатно русифицированный Notepad++ Html и PHP редактор бесплатно. Отличия Notepad++ от других редакторов

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

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

Во-первых, Notepad++ абсолютно бесплатен в отличие от того же текстового редактора, как Dreamweaver, поэтому не надо тратиться на лишние детали. Во-вторых, он намного быстрее, в отличие от многих других текстовых редакторов и платных и бесплатных — Notepad++ быстр и легок. А также возможно пользоваться им, не устанавливая в операционную систему ( Notepad ++ Portable, потративная версия), который можно хранить у себя на флешке и держать всегда под рукой.

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

Также вы можете использовать портативную версию блокнота, которую можно хранить и запускать на флешке, не устанавливая на компьютер — скачать Notepad ++ Portable. В этом случае вам достаточно распаковать архив в любое свободное место и запустить notepad++.exe.

Возможности Html и PHP редактора Notepad++

Во-первых, как я уже подметил, это подсветка синтаксиса каждого языка своим цветом, так как он поддерживает огромное число языков программирования, я ограничусь, назвав самые известные — HTML, CSS, PHP, Java Script, Perl, MySQL, C, C++, С#, Java, Pascal, Python, XML и множество других. Выбрать тип языка, синтаксис которого будет подсвечивать можно в меню программы во вкладке «Синтаксис».С помощью подсветки синтаксиса, которая очень помогает, можно проверить закрыты ли теги. В случае, если у вас пока что мало опыта, вы можете узнать наличие ошибки в коде — изменится цветовое оформление в той части кода, где допущена ошибка.

Интересно и то, что осуществляется подсветка скобок { } [ ] ( ), когда курсор мыши находится между этими скобками, то они подсвечиваются, указывая начало и конец блока Html и PHP кода.

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

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

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

Работа в текстовом редакторе Html и PHP Notepad ++

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

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

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

Поэтому, не работайте в обычном редакторе Windows с кодировкой UTF-8, а лучше используйте подходящий для этого Notepad ++. А для того, чтобы выбрать нужную вам кодировку, выберите в главном меню пункт «Кодировка» там вы найдете различные кодировки, в том числе UTF-8 (без BOM).

 

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

 

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

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

 

Примечательно, что сохранив одну часть документа — вторая обновится автоматически.

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

Работа с Html и PHP кодом в редакторе Notepad++

Для поиска и замены слов используйте в главном меню пункт «Поиск» — «Найти» или же клавиши Ctrl + F, где появится окно с поиском нужного слова и рядом с поиском вкладки с заменой на нужные слова, поиск в файлах и пометить слова:

 

При желании пометьте галкой пункт «Учитывать регистр», тогда слова Word и word, или WorD легко найдутся, например задав искать слово WORD.

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

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

Теперь, как я уже раньше говорил, поговорим как избавиться от кракозябр, заменив их на нормальные буквы. Допустим мы хотим переименовать часть сайдбар «Categories» на русский язык — «Категории». Для этого:

 

Чтобы это слово перевести на русский язык откроем файл, который отвечает за эту часть, как мы знаем — это sidebar.php. Открываем его нашим текстовым редактором Html и PHP Notepad++ ( для этого предварительно, загрузив сам файл) и ищем слово «Categories», для этого нажмем комбинацию клавиш Ctrl + H — откроется окно с поиском слова и замены на ваше. Но для начала нужно заменить кодировку файла на кодировку UTF-8 без BOM, а только после этого заменяйте слова. Если же вы этого не сделаете, то можете наблюдать такую картинку ( ниже). В строку поиска напишем слово Categories, а в строку замены слово Категории и нажимаем «Искать далее», если же вы нажмете «Заменить», то заменится первое найденное слово, а если же нажмете «Заменить все» — заменятся все найденные слова на ваши.

 

Для того, чтобы перевести кодировку в главном меню выберите пункт «Кодировка» и в выпадающем меню нажмите «Преобразовать в UTF-8 без BOM»:

 

Сохраняем файл CTRL+S и получаем результат:

 

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

Посмотрите видео про «Бесплатный редактор HTML, CSS, PHP — Notepad++»:

Секреты работы в текстовом редакторе HTML, CSS, PHP — Notepad++:

iglous.ru

Бесплатный редактор html | Notepad++

В ряду полезных программ для вебмастера бесплатный редактор html и php Notepad++ занимает почетное место. Что из себя представляет Notepad++?

Всем привет! Сегодня я расскажу о программе, без которой не обходится ни один вебмастер. Это бесплатный редактор html  и php Notepad++. Конечно, конкретно без Notepad++ некоторые вебмастера и обходятся, но без текстового редактора html  и php (платного или бесплатного) – нет. Многие используют другой подобный софт, например, тот же WordPad. Продвинутые используют для редактирования html и php файлов обычный Блокнот (Notepage), имеющийся практически на всех компьютерах. Кстати, сходство в названии заметили? 🙂

Но по мне, так Notepad++ реально удобен и сильно облегчает жизнь начинающим вебмастерам. Так сказать, БлогМонет.ру рекомендует…

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

 

Загрузка и установка Notepad++

Давайте я сначала расскажу, как установить Notepad++, а уж потом поведаю, какой он хороший и как работает 🙂

Надеюсь, WordPress на свой компьютер вы уже установили. Если не знаете, как это сделать, читайте мою статью Установка WordPress на локальный компьютер. Но, если вы не устанавливаете блог сразу на хотинг, а хотите обкатать его «в домашних условиях», на своем компьютере, тогда вам предварительно нужно установить Denver. Об этом я тоже писал — в статье Как установить Денвер новичку? Кто не знает, что это такое, читайте здесь.

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

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

 

А так как это официальный сайт редактора Notepage++, традиционных интернет-подвохов (ключ, кряк, смс, номер телефона и пр.) можно не бояться.

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

Справа в колонке выбираем «download» (скачать). На открывшейся странице можно выбрать из десятка последних версий. Самая верхняя версия – самая свежая («Current Version» – «текущая версия»). Просто не всегда свежие версии отвечают необходимым требованиям – им требуется доработка, обкатка. Но как бы то ни было, на данный момент, когда писался этот пост, последняя актуальная версия была Notepade++ v6.1.5

На странице закачек (когда выберете свежую версию) вам предложат несколько вариантов скачивания (zip, 7z, минипак). Если же вы не знаете, что вам подойдет, качайте по верхней ссылке – там написано примерно следующее «для тех, кто не знает, что ему нужно» 🙂

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

Далее следуйте указаниям мастера установки.

 

 

Бесплатный редактор html и php Notepad++

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

 

Давайте посмотрим, как это делается, в чем плюсы именно этого редактора.

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

 

Подсветка кода в Notepad++

Если вы, например, нажмете на тег

, он подсветится и автоматически подсветится его парный закрывающий тег

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

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

Можно задать несколько стилей подсветки (жмем на выбранном тексте – слове или теге – правой мышкой и выбираем стили). Например, подсвечивать разными цветами разные теги. Вот так:

 

На рисунках я показал некоторые из перечисленных выше функций

Строки, подсветка парных тегов

Выбор языка программирования

 

Свернутые и развернутые блоки кода

 

 

Отмена предыдущих действий

Как вы наверное уже видели, в административной панели вашего блога на WordPress помимо текстового редактора для добавления статей есть еще и редактор для файлов темы (внешний вид – редактор). С помощью него тоже можно вносить изменения в дизайн вашего шаблона. Но здесь, если вы что-то криво подправили, отмотать действие нельзя. Только загружать исходный файл (или предварительно откопированный – вы же делаете копии файлов перед изменениями, правда же?).

А вот если вы редактируете файл темы с помощью бесплатного редактора html и php Notepad++, все намного проще: все можно вернуть «на круги своя».

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

Опытным вебмастерам эта функция также полезна – есть возможность для «безнаказанных экспериментов с кодом.

 

Запоминание ранее открытых файлов

Тоже очень полезная функция. Во вкладке «опции» — «настройки» – «новый документ» можно задать количество запоминаемых файлов (по умолчанию – 15). И если вы перед этим закрывали Notepad++ с незакрытыми (но сохраненными) файлами, когда откроете в следующий раз редактор, все эти файлы также откроются: можно продолжать с ними работать.

 

А если же вы перед завершением работы бесплатного html и php редактора Notepad++ закрыли редактируемые файлы и на следующий день не помните, в какой директории их искать (ну всякое же бывает 🙂 ), в меню редактора жмете на кнопку «файл» — на открывшейся вкладке внизу будут все файлы, с которыми вы недавно работали.

 

Строка состояния редактора Notepad++

Что еще сказать? Обратите внимание на строку состояния внизу редактора.

 

Из строки состояния можно узнать следующее:

  1. Тип документа
  2. Количество символов и строк в документе
  3. Положение курсора (строка, столбец и количество выделенных символов)
  4. Формат документа (Win|Mac|Unix)
  5. Кодировка документа
  6. Режим (вставка или заполнение, Ins или Ovr)
  7. Кнопка для изменения размера окна Notepad++

 

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

Ну как, убедил я вас установить на свой компьютер бесплатный редактор html  и php Notepad++? Если да, то не теряйте времени!

Удачи всем!!!

 

blogmonet.ru

Как в Notepad++ найти и заменить

Поиск и изменение текста с переносом строки Enter в Нотепад++

Для того, чтобы найти либо поменять одну или несколько строк текста, вовсе необязательно включать режим «Расширенный (\r, \n, \t, \х..., \0)».

  1. Выделить искомый участок,
  2. выбрать в верхнем меню «Поиск» — «Замена»,
  3. в появляющемся окне поле «Найти» будет заполнено,
  1. написать или вставить откуда-нибудь ранее скопированный текст, на который нужно будет выполнить замену,
  2. скопировать текст, на который нужно будет выполнить замену, уже из интерфейса Notepad++,
  3. установить курсор в начало первой строки, чтобы начать поиск с неё, а не с середины документа,
  4. вставить сохранённый текст в поле «Заменить на» (табуляция, пробелы, переносы строк будут учтены, хоть и не будут видны),
  5. нажать одну из кнопок

Массовая замена сразу во всех файлах папки

  1. Открыть вкладку «Найти в файлах»,
  2. фильтр *.* означает, что осуществляется поиск всех вхождений,
  3. выбрать папку, в которой лежат файлы, требующие изменения,
  4. установить галку «Во всех подпапках»,если нужно редактировать искомый фрагмент и внутри вложенных папок.

Вполне удобно, когда один рекламный блок нужно сменить на другой.

Удаление кусков текста

Поле «Заменить на» отставить пустым.

Заменить все одинаковые слова

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

  1. Без галки «Только целые слова» сериал → фильм (сериал) → (фильм) мультсериал → мультфильм сериальчик → фильмьчик
  2. С галкой «Только целые слова» сериал → фильм (сериал) → (фильм)

Удалить замыкающие пробелы или пустые строки

Выбрать в верхнем меню:

  1. «Правка» — «Операция со Строками» — «Удалить Пустые Строки»
  2. «Правка» — «Операция со Строками» — «Удалить Пустые Строки (Содер. символы Пробела)»
  3. «Правка» — «Операция с Пробелами» — «Убрать замыкающие пробелы»

shpargalkablog.ru

Горячие клавиши notepad++ | blog.verha.net

Возможности Notepad++ легко расширяемы, о том, как ускорить работу в нем – Notepad++ и полезный плагин NppSnippets.

Общие

Ctrl + O Открыть новый документ
Ctrl + N Открыть новую вкладку
Ctrl + W Закрыть вкладку
Ctrl + S Сохранить
Ctrl + Alt + S Сохранить как…
Ctrl + Shift + S Сохранить всё
Ctrl + C Копировать
Ctrl + X Вырезать
Ctrl + A Выделить всё
Ctrl + V Вставить
Ctrl + Z Отмена действия, вернуться на шаг назад
Ctrl + Y Отмена действия, вернуться на шаг вперёд
Ctrl + End Перемещает текстовый курсор в конец документа
Ctrl + Home Перемещает текстовый курсор в начало документа
Ctrl + P В печать
Home Перемещает текстовый курсор в начало строки
End Перемещает текстовый курсор в конец строки
F11 Развернуть текстовую область вместе с вкладками страниц на весь экран
F12 Убрать все компоненты программы, и заменить их на текстовую область без вкладок страниц
PgUp Перелистывание страницы к началу документа
PgDown Перелистывание страницы к концу документа

Поиск

Ctrl + F Поиск по тексту
F3 Найти далее
Shft + F3 Найти предыдущее
Ctrl + F3 Найти выделенное далее
Ctrl + Shft + F3 Найти выделенное предыдущее
Ctrl + Shft + F Поиск в файлах
Ctrl + H Замена текста

Специальные

Ctrl + Tab Следующий документ
Ctrl + Shft + Tab Предыдущий документ
Ctrl + U Конвертировать в строчные
Ctrl + Shft + U Конвертировать в ПРОПИСНЫЕ
Ctrl + D Клонирование строки, либо выделенного текста
Ctrl + Space Вызов списка тегов, ключевых слов и выражений характерных для используемого языка
Ctrl + F2 Пометить строку закладкой
F2 Перемещаться вперёд по расставленным в документе закладкам
Shift + F2 Перемещаться назад по расставленным закладкам в документе
Tab Добавляет четыре пробела по умолчанию (настроить табуляцию можно в меню «Настройки» + «Конфигурация», вкладка «Синтаксис/Табуляция») одним нажатием клавиши, для переноса нескольких строк нужно их выделить, и нажать Tab.
Shift + Tab Сдвинуть табулированный текст назад.
Ctrl + колесико мыши Увеличить, или уменьшить масштаб текстовой области

Полезные опции

Мульти-редактирование

В Notepad++ есть шикарная опция — Мульти-редактирование, или мутиселект, кому как удобнее. С помощью сочетания кнопки Ctrl и клика левой кнопкой мышки можно выделить не только последовательные символы, но и разобщенные. Т.е. Выделить несколько тегов в разметке и одновременно изменить их все. По умолчанию, она, к сожалению, выключена. Включить легко Опции > Настройки > Правка > выбрать Мульти-редактирование.

Опция Мульти-редактирование в notepad++

История буфера обмена

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

Скачать notepad++ можно с официального сайта – notepad-plus-plus.org/download.

Источник — keyxl.com/aaacd5a/43/Notepad-Plus-text-editor-software-keyboard-shortcuts.htmВозможности Notepad++ легко расширяемы, о том, как ускорить работу в нем – Notepad++ и полезный плагин NppSnippets.

Опубликовано 12.11.2012

Обратите внимание на предыдущие записи:

blog.verha.net

How to Preview HTML in Notepad++

Notepad++ is a high end programming language editor that helps users to write and edit any language including HTML, PHP, Java, JavaScript, CSS, C, C++, Python, JSP, ASP and all the others. If you are trying to write some codes, there is no other better and free programming language editor than Notepad++. Obviously, you can use Sublime Text, which is pretty good actually but that is a paid software. And the interesting thing is Notepad++ does all the things what Sublime Text does.

The user interface, usability etc. of Notepad++ is much better than most of the programming language editors out there. For the beginners, Notepad++ helps to write HTML, C, C++, CSS etc. and professionals get help for writing other high end languages like ASP, JS. But, the problem lies here. Suppose, you have written a small piece of HTML code and want to check the preview in internet explorer. As Windows support only one version of Internet Explorer, you cannot check the preview in different versions like IE 10, IE 11 etc.

Rather than changing the user agent of your browser, here is a small trick that will assist you to check the preview of HTML in Notepad++ itself. You do not have to open any browser to preview HTML code. No matter if you have written a 20 lines code or 20k lines code, you can easily preview HTML in Notepad++.

Notepad++ comes with a lot of plugins support. This is where Notepad++ excels. By default, it comes with few must have plugins to do various things like ASCII to HEX conversion (& vice versa) etc. But, if you install other plugins, you can get more out of it. Today, I am going to use a third party plugin to preview HTML in Notepad++.

Obviously, you will get it for free and there is no hectic step to follow in order to install it. Meet Preview HTML, which will aid you to get things done. There are two methods to install it in Notepad++. You can use anyone of them.

Download and Install Preview HTML From Third Party Site

You can download the Preview HTML plugin from the corresponding plugin repository. Just head over to this site and click on plugin under Downloads section. Following that, unzip the folder and copy PreviewHTML.dll file.

Then, paste it to here,

C:\Program Files (x86)\Notepad++\plugins (For x64)

C:\Program Files\Notepad++\plugins (For x86)

Then, you can use Preview HTML plugin right from Plugins menu of Notepad++.

This is also possible to change the browser version. Just click on the edition and it will change automatically.

Install Preview HTML Using Plugin Manager

Notepad++ has a plugin manager that helps users to check plugins. You can install any plugin right from here. Therefore, click on Plugins >> Plugin Manager >> Show Plugin Manager. A popup will come out where you can find all the available plugins.

Just scroll down, find out Preview HTML, make a tick in the corresponding box and click on Install button. Within a few moments, Notepad++ will install this plugin and restart automatically. Following that, you can start using it.

Note: Most if the people make a silly mistake. They write HTML code and save it in .txt format by pressing Win + S. But, if you save file in TXT format, this Preview HTML plugin will not work. You have to save the file in .html format to get the preview.

Check out best online code editors here.

www.ampercent.com

Бесплатный редактор Notepad ++, для редактирования Html и PHP (часть 1) |

Возможности редактора Notepad++

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

Он имеет огромные возможности в редактировании не только кодов Html и PHP, но и другими языками программирования.

В Windows, вы также можете найти встроенный текстовый редактор, но по сравнению с Notepad++, это «небо и земля». Блокнот (текстовый редактор Windows) имеет ограниченный возможности, это только просмотр и создание простейших файлов. Если вы попробуете редактор Notepad++, вы сразу же заметите огромную разницу.

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

Есть и другие текстовые редакторы, но почему же Notepad++?

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

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

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

Какими же возможностями обладает редактор Notedap++?

Самым первым пунктом хочется рассмотреть главную возможность – это подсветка синтаксиса различных языков программирования. Их огромное множество, но наиболее распространенные: Html, PHP, Java Script, CSS, Per,l MySQL, Java Pascal, C, Pyton, С ++, XML. Чтобы выбрать нужный язык для подсвечивания синтаксиса можно в верхнем меню – пункт «Синтаксис».

Для чего нужна подсветка синтаксиса?

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

При всем этом подсвечивается только код Html или Php, а сам текст статьи остается черным. И в Notepad++ очень удобно проверять и корректировать грамматику.

В возможности Notepad входит отображение отдельных блоков Html и PHP, это осуществляется при помощи подсветок скобок () [] {}, тем самым выделяется начало и конец блока с кодом.

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

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

Что касается подсветки синтаксиса, то она назначается автоматически, и зависит от расширения файла, но ее можно изменить.

В CMS бывает так, что файлы имеют разные расширения, так сказать, нестандартные, примером может служить расширение tpl. В таком случае, программа не может им назначить стиль подсветки, из-за незнакомого для программы расширения. Для этого нужно кликнуть «Синтаксис» - «Html». Если у вас такой файл один, то это не большая проблема, а если таких файлов несколько, то тут возникают свои трудности. Чтобы изменить ситуацию переходим «Опции» - «Определение стилей», в левой колонке выбираем «Html», сразу увидим список расширений, если вашего расширения там нет, то добавляем, в нашем случае, «tpl», затем нужно перезагрузить файл. В этом пункте также можно настроить шрифты, цвет подсветки синтаксиса.

< Предыдущая Следующая >
 

vasava.ru


Смотрите также