Как изменить html-файл на html

Обновлено: 21.11.2024

Преобразование HTML в HTM онлайн с любого устройства с современным браузером, таким как Chrome и Firefox.

Конвертируйте файлы HTML онлайн. Вы можете конвертировать HTML-документы с любой платформы (Windows, Linux, macOS). Регистрация не требуется. Просто перетащите HTML-файл в форму загрузки, выберите нужный формат вывода и нажмите кнопку конвертировать. После завершения преобразования вы можете загрузить файл HTM.

Вы даже можете выполнять более сложные преобразования. Например, вы можете преобразовать защищенные паролем документы. Просто разверните LoadOptions и введите пароль вашего файла. Или вы можете добавить водяной знак в преобразованный файл HTM. Разверните ConvertOptions и заполните поля для водяных знаков.

Преобразованные файлы HTM хранятся в облаке. Конфиденциальность гарантируется на 100%. Все документы удаляются из облака через 24 часа.

Вы можете конвертировать HTML-документы откуда угодно, с любого компьютера или даже с мобильного устройства. Конвертер HTML всегда доступен онлайн и совершенно бесплатен.

Преобразование WORD в PDF, EXCEL в PDF, PDF в WORD, POWERPOINT в IMAGE, VSDX в PDF, HTML в DOCX, EPUB в PDF, RTF в DOCX, XPS в PDF, ODT в DOCX, ODP в PPTX и многое другое форматы документов
Простой способ мгновенного преобразования HTML в HTM
Преобразование HTML из любого места — это работает на всех платформах, включая Windows, MacOS, Android и iOS.

Бесплатное приложение для преобразования документов, просмотра и слияния для Windows

С легкостью конвертируйте, просматривайте или объединяйте неограниченное количество файлов на своем ПК с ОС Windows.
Обработка Word, Excel, PowerPoint, PDF и более 100 форматов файлов.
Нет ограничений на размер файла.
Пакетное преобразование нескольких файлов.
Одно приложение с широкими возможностями, такими как преобразование, просмотр, слияние, синтаксический анализ, сравнение, подпись.
Регулярные БЕСПЛАТНЫЕ обновления с новыми функциями каждый месяц

HTML Язык гипертекстовой разметки

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

HTM Файл языка гипертекстовой разметки

Файлы с расширением .htm представляют собой язык гипертекстовой разметки для создания веб-страниц для отображения в веб-браузерах, таких как Google Chrome, Internet Explorer, Firefox и ряде других.

Как конвертировать HTML в HTM

Откройте наш бесплатный веб-сайт конвертера HTML в HTM.
Нажмите внутри области перетаскивания файла, чтобы загрузить файл HTML, или перетащите файл HTML.
Нажмите кнопку Преобразовать. Ваши файлы HTML будут загружены и преобразованы в формат результата HTM.
Ссылка для скачивания файлов результатов будет доступна сразу после преобразования.
Вы также можете отправить ссылку на файл HTM на свой адрес электронной почты.
Обратите внимание, что файл будет удален с наших серверов через 24 часа, а ссылки для скачивания перестанут работать по истечении этого периода времени.

Во-первых, вам нужно добавить файл для преобразования: перетащите файл HTML или щелкните внутри белой области, чтобы выбрать файл. Затем нажмите кнопку "Преобразовать" кнопка. Когда преобразование HTML в HTM завершено, вы можете загрузить файл HTM.

Конечно! Ссылка для скачивания файлов HTM будет доступна сразу после конвертации. Мы удаляем загруженные файлы через 24 часа, и ссылки для скачивания перестают работать по истечении этого периода времени. Никто не имеет доступа к вашим файлам. Преобразование файлов (включая HTML абсолютно безопасно.

Да, вы можете использовать наш бесплатный конвертер HTML в HTM в любой операционной системе с веб-браузером. Наш конвертер HTML в HTM работает онлайн и не требует установки программного обеспечения.

Другие поддерживаемые преобразования

Вы также можете конвертировать HTML во многие другие форматы файлов. См. полный список ниже.

Вы устали от времени и хлопот, связанных с форматированием текста для Интернета? Наш сервис позволяет мгновенно конвертировать текст в чистый HTML.
Наш базовый сервис можно использовать бесплатно, но вы можете перейти на PRO, если вам нужны дополнительные функции, такие как преобразование документов Word или PDF. Ознакомьтесь с нашей PRO-версией.

Визуальный редактор

Редактор HTML

Для обработки HTML с помощью JavaScript используйте имя переменной 'html'. Примеры кода:
Замените первое вхождение слова 'xxx' словом 'yyy': html = html.replace("xxx","yyy");
Замените все теги p на теги span с regexp: html = html.replace(/]*)>(.*)/г,"$2");
Удалите все теги p с внутренним содержимым с помощью регулярного выражения: html = html.replace(/]*>(.*)/g,"");
Расширенный пример: сопоставьте внутренний текст всех тегов и замените начало " на

и конец " на

:
html = html.replace(/>([^<>]+) " + p1.replace(/([^<>"]*)"([^<>"]*)"/gi, '$1

$2

') + ");

Выберите параметры и нажмите зеленую кнопку "Очистить HTML"

Стать профессионалом от 10 евро

Очистите или обработайте свой HTML без каких-либо ограничений. Загрузите свои документы Word (DOCX), PDF и другие документы и мгновенно преобразуйте их в чистый HTML. Вставьте изображения с помощью файлового менеджера. Усильте свой рабочий процесс, сохранив параметры очистки в шаблоне. Экспортируйте свой HTML в Word или PDF. Создавайте подписи электронной почты и логотипы.

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

Возможности преобразования Word в HTML Pro:

Неограниченная очистка HTML

Преобразование Word, PDF и других документов в HTML

OCR для PDF-файлов, содержащих отсканированный текст

Сохраните HTML в Интернете

Сохраните шаблоны очистки

Множественный поиск и замена

Изменить размер редакторов или перейти в полноэкранный режим

Автосохранение отредактированного HTML

Загрузить отредактированный контент в формате HTML, DOCX или PDF

Создавайте и тестируйте электронные письма в формате HTML

Шаблоны HTML (подписи электронной почты)

Используйте Google или другие веб-шрифты

Сжатие или отступ HTML

Менеджер файлов изображений

Темная или светлая тема редактора HTML

Пользовательская обработка JavaScript

Наши пользователи любят Word To HTML. Прочтите наши обзоры:

Word to HTML — это простой способ мгновенно преобразовать текст или документы в чистый HTML5 в режиме онлайн. Вы можете использовать наш инструмент для очистки, преобразования и уменьшения размера существующего HTML, а также в качестве генератора кода HTML, инструмента преобразования Word в HTML или редактора веб-страниц.

Как преобразовать текст в HTML?

Вставьте содержимое из Microsoft Word или Excel или напишите свой текст в визуальном редакторе.
Ваш текст будет мгновенно преобразован в чистый HTML. Вы можете сохранить или удалить форматирование.
Преобразованный HTML-код появится в редакторе HTML.

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

Как преобразовать документ MS Word в HTML?

Нажмите синюю кнопку "Загрузить файл" и выберите документ.
Ваш файл будет мгновенно преобразован в чистый HTML
Текст из вашего файла будет отображаться в визуальном редакторе
Преобразованный HTML-код появится в редакторе HTML.

Перевод Word в HTML поддерживает файлы Word (.DOCX и .DOC), файлы PDF, RTF (форматированный текст), файлы Open Doc (от Libre или Open Office) и текстовые файлы .TXT. Если ваш документ содержит изображения, таблицы или другой форматированный контент, он также будет преобразован в HTML для вас.

При загрузке документа у вас есть три дополнительных параметра:

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

Полностраничный режим: создание отдельных HTML-файлов? Нет проблем, эта опция добавляет и в HTML. Это необходимо для корректного отображения страницы. Если вы выполняете вставку в веб-систему, например Wordpress, Amazon, eBay и т. д., эта опция вам не понадобится.

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

Как очистить существующий HTML?

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

Чтобы очистить свой HTML-код, все, что вам нужно сделать, это вставить его в окно редактора HTML справа. Когда вы вставите код, вы получите предварительный просмотр того, как он выглядит в визуальном редакторе слева. Затем вы можете напрямую редактировать свой HTML-код в редакторе HTML справа или использовать визуальный редактор слева, чтобы внести изменения.

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

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

Выбор макета редактора

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

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

Вы также можете увеличить или уменьшить окно визуального редактора, щелкнув < >значки между двумя окнами.

Создание и сохранение шаблонов

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

Сохранение и экспорт ваших документов

Вы можете хранить множество HTML-файлов в Интернете. Чтобы сохранить активный файл, просто нажмите синюю кнопку сохранения под визуальным редактором.

Если вы нажмете стрелку справа от окна сохранения, вы получите меню с дополнительными параметрами для экспорта файла в формат HTML, Word или PDF.

Предварительный просмотр файлов

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

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

Общий предварительный просмотр: откроется новая вкладка браузера и вы увидите, как выглядит ваш HTML-код.

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

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

Скопируйте и вставьте текст веб-страницы в текстовый документ

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

Откройте веб-страницу, содержащую текст, который вы хотите сохранить как текстовый документ.
Выделите текст на веб-странице, который вы хотите сохранить в текстовом документе.
Скопируйте выделенный текст.
Откройте текстовое приложение, например Блокнот.
В текстовом приложении вставьте скопированный текст.
Сохраните файл, создав текстовый документ.

Сохранить веб-страницу HTML как текстовый документ (с потерей кода HTML)

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

Для выполнения описанных ниже действий на вашем компьютере должен быть установлен Microsoft Word.

Откройте веб-страницу, которую вы хотите сохранить как текстовый документ.
Сохраните веб-страницу как файл веб-страницы (с расширением .HTM или .HTML). Подробнее о том, как сохранить файл в Internet Explorer, Google Chrome и Mozilla Firefox, см. ниже.

Интернет-обозреватель

Нажмите клавишу Alt, чтобы сделать видимым меню "Файл/Редактировать/Просмотр". Откройте меню "Файл" и выберите "Сохранить как".
Выберите место, где вы хотите сохранить файл веб-страницы, и убедитесь, что в раскрывающемся списке Тип файла выбран параметр Веб-страница, полная.
Нажмите кнопку "Сохранить".

Google Chrome

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

Мозилла Фаерфокс

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

В Firefox вместо выбора параметра Веб-страница, завершить Сохранить как тип можно выбрать параметр Текстовые файлы, чтобы сохранить веб-страницу непосредственно в текстовом документе.

Откройте приложение Microsoft Word.
Перейдите на вкладку "Файл", затем нажмите "Открыть".
Рядом с полем Имя файла в раскрывающемся списке типов файлов выберите параметр Все веб-страницы.
Просмотрите, чтобы найти файл веб-страницы, который вы сохранили выше. Выберите файл и нажмите кнопку "Открыть".

Перейдите на вкладку "Файл" еще раз, затем нажмите "Сохранить как".
В раскрывающемся списке "Тип файла" выберите вариант "Обычный текст (*.txt)". Кроме того, может потребоваться изменить расширение файла в поле "Имя файла" на txt, если оно не меняется автоматически.
Нажмите кнопку "Сохранить", чтобы сохранить текстовый документ.

Преобразование HTML-файла в текстовый файл (с сохранением HTML-кода и текста)

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

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

Откройте веб-страницу, которую вы хотите сохранить как текстовый документ.
Сохраните веб-страницу как файл веб-страницы (с расширением .HTM или .HTML). Подробнее о том, как сохранить файл в Internet Explorer, Google Chrome и Mozilla Firefox, см. ниже.

Интернет-обозреватель

Нажмите клавишу Alt, чтобы сделать видимым меню "Файл/Редактировать/Просмотр". Откройте меню "Файл" и выберите "Сохранить как".
Выберите место, где вы хотите сохранить файл веб-страницы, и убедитесь, что в раскрывающемся списке Тип файла выбран параметр Веб-страница, полная.
Нажмите кнопку "Сохранить".

Google Chrome

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

Мозилла Фаерфокс

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

В Firefox не выбирайте параметр Текстовые файлы Сохранить как тип, так как он сохраняет только текст на веб-странице и не сохраняет код HTML.

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

Спецификация HTML настраивается с помощью параметра Уровень языка HTML по умолчанию в разделе Языки и платформы | Страница Schemas and DTD настроек IDE Ctrl+Alt+S . По умолчанию предполагается спецификация HTML 5.0 от W3C.

Создать файл HTML

В главном меню выберите Файл | Создать , а затем выберите HTML-файл из списка. IntelliJ IDEA создает файл-заглушку на основе шаблона файла HTML и открывает его в редакторе.

Создать ссылки в файле HTML

Внутри тега , или IntelliJ IDEA предлагает завершить путь к файлу, на который вы ссылаетесь.

Кроме того, в окне инструмента "Проект" выберите файл JavaScript, CSS или изображения, на который вы хотите сослаться, и перетащите его в файл HTML. IntelliJ IDEA генерирует теги , или внутри . Для тегов IntelliJ IDEA также создает атрибуты ширины и высоты.

Заключить фрагменты кода в теги

Выберите фрагмент кода для переноса и нажмите Ctrl+Alt+T или выберите Код | Surround With из главного меню.

В списке выберите «Обтекание тегом» . IntelliJ IDEA заключает выбор в пару квадратных скобок (<> и ).

Введите тег внутри открывающих скобок <> .IntelliJ IDEA автоматически заполняет тег в закрывающих скобках .

Поиск документации

Для большинства HTML-тегов и атрибутов IntelliJ IDEA может показать сводку из соответствующей статьи MDN. Эта сводка отображается во всплывающем окне «Документация», в котором также отображается статус устаревания тега или атрибута и информация о его совместимости с различными браузерами.

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

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

Совместимость проверяется только для Chrome, Chrome Android, Safari, Safari iOS, Firefox, Internet Explorer и Edge.

Если тег или атрибут устарели, всплывающее окно также информирует вас об этом статусе.

Тег

" width="600" height="385" />

Просмотреть документацию по тегу или атрибуту

Поместите курсор на тег или атрибут и нажмите Ctrl+Q или выберите Вид | Быстрый поиск документации из главного меню.

При наведении указателя мыши на тег или атрибут IntelliJ IDEA немедленно отображает ссылку на него во всплывающем окне "Документация".

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

Настроить поведение всплывающего окна с документацией

Чтобы отключить автоматическое отображение документации, откройте диалоговое окно «Настройки/Настройки» ( Ctrl+Alt+S ), выберите «Редактор | Редактирование кода и снимите флажок Показывать краткую документацию при наведении курсора.

Чтобы всплывающее окно с документацией отображалось быстрее или медленнее, откройте диалоговое окно «Настройки/Настройки» ( Ctrl+Alt+S ), выберите «Редактор | Общие | Завершение кода , затем установите флажок Показать всплывающее окно документации и укажите время задержки.

Откройте документацию MDN для тегов и атрибутов в браузере

Во всплывающем окне "Документация" Ctrl+Q щелкните ссылку внизу.

Нажмите Shift+F1 или выберите Вид | Внешняя документация из главного меню.

Предварительный просмотр файлов HTML

Вы можете открыть вывод своего HTML-кода во встроенном предварительном просмотре IntelliJ IDEA или во внешнем браузере по вашему выбору.

По умолчанию для встроенного порта сервера задан порт IntelliJ IDEA по умолчанию 63342, через который IntelliJ IDEA принимает подключения от служб. Чтобы изменить это значение по умолчанию, откройте диалоговое окно Settings/Preferences ( Ctrl+Alt+S ), перейдите к Build, Execution, Deployment | Debugger , а во встроенном сервере указать любое другое значение, начиная с 1024.

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

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

Встроенный предварительный просмотр IntelliJ IDEA

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

Откройте встроенный предварительный просмотр IntelliJ IDEA

В главном меню выберите Вид | Откройте в браузере и выберите из списка встроенный просмотр.

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

Предварительный просмотр HTML-файла в браузере

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

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

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

В главном меню выберите Вид | Откройте в Браузере , а затем выберите нужный браузер из списка.

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

Если у вас настроен только один браузер, просто нажмите Alt+F2 .

Настройте значки браузера во всплывающем окне

Откройте диалоговое окно «Настройки/Настройки» ( Ctrl+Alt+S ) и выберите Инструменты | Веб-браузеры.

Чтобы скрыть некоторые значки, снимите флажки Активно для ненужных браузеров.

Чтобы скрыть все всплывающее окно, снимите флажок "Для файлов HTML".

Настроить автоматическую перезагрузку

При сохранении файла, вызывающего перезагрузку страницы, IntelliJ IDEA показывает всплывающую подсказку Got it.

Перейдите в Инструменты | Веб-браузеры и страница предварительного просмотра настроек IDE Ctrl+Alt+S . Либо нажмите «Настроить» во всплывающей подсказке «Понятно».

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

Выберите «При изменении», чтобы перезагружать страницы при обновлении соответствующего HTML-файла или связанных файлов.

Выберите «Отключено», чтобы запретить автоматическую загрузку.

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

Просмотр исходного HTML-кода веб-страницы в редакторе

Нажмите Ctrl+Shift+A и выберите Открыть исходный код из URL. из списка.

В открывшемся диалоговом окне «Открыть URL» введите URL-адрес веб-страницы или выберите ранее открытый URL-адрес из списка.

Просмотр встроенных изображений

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

Просмотр изображений в IntelliJ IDEA

Выберите файл изображения в окне инструмента "Проект" и нажмите F4 .

Кроме того, поместите курсор на ссылку на изображение в редакторе и нажмите Ctrl+B

Чтобы просмотреть изображение во всплывающем окне, а не на отдельной вкладке, выберите ссылку на него и нажмите Ctrl+Shift+I

Просмотр изображений во внешнем редакторе

Выберите файл изображения в окне инструментов «Проект» и выберите «Перейти к внешнему редактору» или нажмите Ctrl+Alt+F4.

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

Изменить внешний редактор по умолчанию

Щелкните правой кнопкой мыши изображение в редакторе и выберите «Редактировать путь к внешнему редактору…» в контекстном меню.

Вы также можете нажать Ctrl+Shift+A и ввести Изменить путь к внешнему редактору .

В диалоговом окне «Путь к внешнему редактору» укажите путь к приложению, в котором вы хотите открывать изображения, и нажмите «Сохранить» .

Извлечь включаемые файлы

Вы можете извлечь фрагмент кода HTML в отдельный включаемый файл. Целые блоки кода JavaScript внутри тегов также могут быть извлечены. IntelliJ IDEA также предлагает добавлять ссылки вместо дубликатов выбранного фрагмента.

В редакторе выберите блок кода, который нужно извлечь, и выберите Refactor | Извлечь | Извлеките Включить файл из главного меню или из контекстного меню выбора.

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

Когда будете готовы, нажмите OK . IntelliJ IDEA извлекает выбранный исходный код в указанный файл в целевом каталоге и создает соответствующую ссылку в исходном файле.

Настроить подсветку синтаксиса

Вы можете настроить подсветку синтаксиса с поддержкой HTML в соответствии со своими предпочтениями и привычками.

В диалоговом окне «Настройки/Настройки» ( Ctrl+Alt+S ) выберите «Редактор | Цветовая схема | HTML .

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

Настроить пользовательские теги HTML

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

Чтобы добавить один HTML-тег в список известных пользовательских тегов, установите курсор на выделенный тег, нажмите клавиши ALT+ВВОД и выберите Добавить [тег] в пользовательские HTML-теги .

Чтобы настроить несколько пользовательских тегов HTML, перейдите в раздел Редактор | Страница Inspections диалогового окна Settings/Preferences ( Ctrl+Alt+S ), найдите HTML | Проверка неизвестных тегов и настройте список пользовательских тегов HTML в параметрах проверки справа.

Читайте также: