HTML редактор

Текстовый HTML редактор обладает большим количеством разнообразных функций. Он оформлен в стиле Microsoft Word, что делает обращение с ним более привычным.

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

Кнопки на панели инструментов:

ВырезатьВырезать
Вырезает выделенный текст, сохраняя его в буфер. Вырезать выделенный фрагмент можно несколькими способами:
  1. Нажав кнопку Вырезать;
  2. Воспользовавшись комбинацией клавиш Ctrl+X;
  3. Выделив нужный фрагмент текста и нажав правую кнопку мыши выбрав "Вырезать".
КопироватьКопировать
Копирует выделенный текст в буфер. Скопировать выделенный фрагмент можно несколькими способами:
  1. Нажав кнопку Копировать;
  2. Воспользовавшись комбинацией клавиш Ctrl+C;
  3. Выделив нужный фрагмент текста и нажав правую кнопку мыши выбрав "Копировать".
ВставитьВставить
Вставляет выделенный текст в буфер. Вставить выделенный фрагмент можно несколькими способами:
  1. Нажав кнопку Вставить;
  2. Воспользовавшись комбинацией клавиш Ctrl+V;
  3. Выделив нужный фрагмент текста и нажав правую кнопку мыши выбрав "Вставить". (Однако, есть вероятность, что из-за настроек безопасности браузера, редактор не может напрямую вствить скопированный фрагмент.).
Вставить как текстВставить (только текст)
Вставляет из буфера только текстовую информацию, форматирование сбрасывается. Изображения игнорируются, ссылки заменяются простым текстом:
  1. Нажав кнопку Вставить как текст;
  2. Воспользовавшись комбинацией клавиш Ctrl+V;
  3. Выделив нужный фрагмент текста и нажав правую кнопку мыши выбрав "Вставить".
Вставить из WordВставить (из Word)
Вставляет из буфера заранее набранный документ в редакторе Microsoft Word. При этом вставленный текст очищается от лишнего «мусора». Кнопка "Очистить" удаляет весь текст из окна ввода. Пункт "Убрать определения стилей" сбрасывает форматирование текста на стандартное.
ОтменитьПовторитьОтменить / Повторить
Кнопка Отменить "Отменить" отменяет последнее действие пользователя (Ctrl+Z). Кнопка Повторить "Повторить" возвращает последнее отмененное действие.
Выделить всеВыделить все
Кнопка Выделить все выделяет весь текст HTML страницы (обычно используется перед копированием, удалением или применением стиля или форматирования ко всей странице).
Убрать форматированиеУбрать форматирование
Кнопка Убрать форматирование сбрасывает форматирование выделенного текста.
ЖирныйКурсивПодчеркнутыйЗачеркнутыйСтили шрифта
Жирный, Курсив, Подчеркнутый, Зачеркнутый.
Подстрочный индексНадстрочный индексПодстрочный и надстрочный индекс
Кнопка Подстрочный индекс преобразует текст в нижний индекс. Кнопка Надстрочный индекс преобразует текст в верхний индекс.
Нумерованный списокМаркированный списокНумерованный и маркированный список
Кнопка Нумерованный списоксоздает нумерованный (упорядоченный) список из выделенного текста. Кнопка Маркированный список создает маркированный (неупорядоченный) список из выделенного текста.
Уменьшить отступУвеличить отступУвеличить, уменьшить отступ
Кнопка Уменьшить отступ уменьшает отступ текстового фрагмента. Кнопка Увеличить отступ увеличивает отступ текстового фрагмента.
По левому краюПо центруПо правому краюПо ширинеВыравнивания текста
Выравнивания текста по левому, центру, правому краю и по ширине. Выравнивание по ширине достигается при помощи увеличенных промежутков между словами в строчках и, если колонка текста узкая и внутри присутствуют длинные слова, пробелы могут быть некрасиво широкими, будьте внимательны.
Вставить/Редактировать ссылкуУдалить ссылкуУправление ссылками
Для того, чтобы вставить ссылку на страницу нужно сначала выделить текст, который вы хотите превратить в ссылку, а потом нажать на кнопку Вставить/Редактировать ссылку. Для удаления ссылки воспользуйтесь кнопкой Удалить ссылку.
Вставить/Редактировать изображениеВставка изображений
Для вставки изображений используется кнопка Вставить/Редактировать изображение на панели инструментов.
Вставить/Редактировать FlashВставка Flash
Для вставки Flash используется кнопка Вставить/Редактировать Flash на панели инструментов.
Вставить/Редактировать таблицуВставка таблиц
Для вставки таблицы используется кнопка Вставить/Редактировать таблицу.
Вставить горизонтальную линиюВставка горизонтальной линии
Кнопка Вставить горизонтальную линию вставляет горизонтальную линию через всю страницу.
Вставить специальный символВставка специальных символов
Кнопка Вставить специальный символ вызывает диалоговое окно, в котором можно выбрать специальный символ.
ФорматированиеФорматирование
Меню "Форматирование" позволяет привести текст к одному из заданных форматов.
Во весь экранВо весь экран
Кнопка Во весь экран позволяет пользоваться HTML редактором во всем окне браузера.

Редактирование содержимого

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

Вставка текста с Microsoft Word

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

Работа с изображениями

С помощью HTML редактоа легко работать с изображениями, — добавлять изображения на страницу, изменять размер, положение на странице и др.

Для вставки изображений используется кнопка Вставить/Редактировать изображение на панели инструментов.

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

 

Если вставленное изображение изменялось в размере, то необходимо перейти в закладку "Расширенный", и выбрать одну из функций:

  • Уменьш.+попапИзображение будет уменьшено к заданным размерам, и при клике на него в сплывающем окне будет показано исходное изображение.
  • Уменьш.+зум+попапИзображение будет уменьшено к заданным размерам + будет наложено на него изображение , и при клике на него в сплывающем окне будет показано исходное изображение.
  • Только уменьшениеИзображение будет только уменьшено к заданным размерам (без ссылки).

Дополнительные вопросы отправляйте на it@etechs.com.ua. Можно также воспользоваться формой запроса на нашем сайте.