Описание текстового редактора

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

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

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

Для примера мы возьмем описания текстового редактора вот такого типа:

визуальный редактор wysiwyg, описание текстового редактора

Сверху на сером фоне располагается панель инструментов редактора с большим количеством иконок

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

Описание визуального текстового редактора wysiwyg

Основные, часто используемые функции редактора

Полноэкранный режим

Функция позволяет открыть панель редактора на весь экран.

Источник html кода

Кнопка, означает, что можно редактировать текст, не через редактор, а через html код сайта. Данной функцией лучше пользоваться, если вы знаете, малейшие основы html кода.

Жирность

Выделяет текст жирным (пример, Текст)

Курсив

Выделяет текст курсивом, т.е текст становиться наклонными (пример, Текст)

Подчеркивание

Добавляет тексту подчеркивание (пример, Текст)

Зачеркивание

Позволяет сделать текст зачеркнутым (пример, Текст)

Функция выравнивания по левому краю.

Ваш текст будет прижат к левой стороне сайта

Функция выравнивания по центру.

Ваш текст будет располагаться по центру относительно сайта

Функция выравнивания по всей ширине текста

Функция выравнивания по правому краю.

Ваш текст будет прижат к правой стороне сайта

Вставить / удалить маркированный список

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

Вставить / удалить нумерованный список

Делает выбранный текст, в виде пронумерованного столбика

Вставить / редактировать ссылку

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

Убрать (снять) ссылку

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

Якорь

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

Вставить / редактировать медиа

Вставить / редактировать Flash

Данная функция позволяет вставить/редактировать, Flash ролики, видео объекты.

Вставить / редактировать изображение

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

Вставить просто текст

Вставить как только текст

Если надо вставить текст, из другого источника, то лучше использовать данную кнопку. При переносе текста, через данную функцию, от исходного текста, отсекается все лишнее. Например, стили, подчеркивания, таблицы, и т.п. вещи, оставляя просто написанный текст. (ЛУЧШЕ ИПОЛЬЗОВАТЬ ДАННУЮ ФУНКЦИЮ, для переноса информации с других электронных источников)

Вставить из word

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

Очистить лишний код

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

Отменить

Позволяет отменить сделанное действие

Повторить

Позволяет вернуться вперед, если была использована функция "отменить"

Надстрочный

Данная функция, помогает создать (написать) информацию, маленьким шрифтом, возле основного текста, сверху, например, см2

Подстрочный

Данная функция, помогает создать (написать) информацию, маленьким шрифтом, возле основного текста, снизу, например, тенхнология2.0

Цитирование (цитата)

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

Вставить / редактировать атрибуты

Обзор (посмотреть на сервере)

Часто используется вместо кнопки "обзор", и содержит туже самую функцию и предназначение

Открыть панель инструментов.

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

"Ластик"

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

Выбор смайликов

Позволяет выбрать из списка предлагаемых системой смайликов и вставить их в текст.

Остальные функции редактора

Вставить символы

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

Цитата

Добавить (увеличить) отступ текста от края

Убрать (уменьшить) отступ текста

Фон текста

Через данную функцию можно создать выделение фона для текста

Цвет шрифта

Благодаря этой функции, можно задать нужному тексту другой цвет.

Вырезать

Копировать

Вставить дату

Вставить время

Поиск

Найти и заменить

Аббревиатура

Акроним

Удаленный текст

Добавленный текст

Редактировать стили (CSS)

Информация о редакторе

Вставить / редактировать таблицу

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

Свойства / параметры строки таблицы

Свойства / параметры ячейки таблицы

Добавить строку в таблицу сверху

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

Добавить строку в таблицу снизу

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

Удалить строку в таблице

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

Добавить столбец (колонку) в таблицу с левой стороны.

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

Добавить столбец (колонку) в таблицу с правой стороны.

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

Удалить столбец (колонку)

Кликаем курсором в ячейку того столбца (колонки) которую хотим удалить и нажимаем данную "кнопку", Вся колонка удалится разом

Разбить ячейки.

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

Объединить ячейки.

С помощью данной функции вы можете объединять несколько ячеек в одну общую. Для этого необходимо выделить нужные ячейки и нажать данную "кнопку"

Вставить горизонтальную линию.

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

Направление слева направо

Направление справо налево

Добавить div слой

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

Позиционирование созданного (добавленного) слоя

Новый документ

Печать

Сохранить

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

Список всех статей Просмотров: 13924 раз

Подписаться на полезные статьи RSS Подписаться на полезные статьи или
График работы:

Будни: с 10 до 22 (мск.)Выходные: с 1130 до 2130 (мск.)

Новости:
20.12.2017

Яндекс закрывает раздел Яндекс.Каталог

Яндекс.Каталог был запущен в 2000 году и быстро стал одним из самых популярных сайтов Рунета, на который постоянно заходили миллионы пользователей
05.01.2015

Ежегодная традиционная скидка на услуги

Отгремели салюты, фейерверки и звон бокалов Ежегодная акция стартует
29.10.2014

Обновление портфолио

Завершены несколько сайтов и добавлены в портфолио

все новости

Подпишитесь на новости

Случайные работы

  • Магазин автомобильных запчастей для Renault (Рено)
  • Bar & restaurant TRIBUNE
  • Интернет-магазин сумки, кожгалантерея, изделия из кожи
  • Эксклюзивные дизайнерские огнетушители
  • Страховой брокер "Каско-М"
  • Информационный сайт выпускников факультета IBS - РЭА им. Плеханова
  • Студия приглашений "Place&Time"
  • Мобильный контент Mobilainfo.ru
  • Ресторан "Украинский дворик"!
  • ЗАО «КорХимКолор»
  • сайт Автотепло
  • Интернет магазин систем отопления teplo4you
  • Интернет - Магазин спортивного питания
  • Простой сайт о бухгалтерских услугах
  • Изготовление мебели под заказ у компании "Контур мебель"

Наше полное портфолио

  Электронная почта: info@vamsite.ru
обратная связь
© 2007 - 2014 разработка сайтов москва,
разработка интернет сайтов, создание интернет сайта "VamSite"
Rambler's Top100