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

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

   Делает текст жирным
 Делает начертание текста курсивом
 Подчёркивает текст снизу
 Зачёркивает текст
 удаляет форматирование
 - редактирование цвета текста, цвета фона текста:


 - нумерованный, ненумерованный список

 - вставка ссылки в текст. Установите курсор в необходимое место в редакторе и нажмите эту кнопку. Появится форма создания ссылки:

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

Редактор предусматривает создание четырех видов ссылок:

  • На документ на сервере;
  • На другой сайт;
  • Внутри данного документа;
  • На электронный адрес.

Ссылка на другой сайт

Что если нам необходимо разместить на странице ссылку на другой сайт?

  1. Нажмите кнопку создать ссылку - ;
  2. В поле тип выберите На другой сайт. Форма настроек изменит свой вид;
  3. Выберите нужный протокол (в большинстве случаев используется вариант по умолчанию - http://), а в поле Адрес сайта введите название сайта;
  4. При необходимости задайте дополнительные параметры.

Ссылка на электронный адрес

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

  1. Нажмите кнопку создать ссылку - ;
  2. В поле тип выберите Электронный адрес. Форма изменит свой вид, появится поле e-mail;
  3. Задайте текст ссылки и в поле e-mail укажите почтовый ящик, на который будут приходить письма;
  4. При необходимости задайте дополнительные параметры.



  Загрузка изображений

При клике на эту иконку откроется окно загрузки изображений




Загружаем картинку, нажимаем кнопку "Загрузить"



Картинка появилась в тексте




Загрузить картинку из html

Также мы можем загрузить картинки из интересующего нас сайта напрямую, для этого нажимаем на иконку 

Открывает поле 


Заходим на сайт с картинкой, выделяем её и нажимаем копировать







Нажимаем кнопку "Сохранить", картинка вместе с текстом появляется в окне.




Загрузить документы

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



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