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

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

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

Гиперссылки и загрузка файлов

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

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

Для этого:

Выделите текст или изображение, которое будет являться ссылкой
В панели инструментов выберите пункт «Вставить/редактировать ссылку»

Появится следующее окно:

Вкладка «Общие», состоит из полей:

Адрес ссылки. В это поле введите адрес объекта на который вы хотите сделать ссылку. Сослаться можно на любой объект размещенный на публичном-интернет сервере. Это может быть как сервер, на котором находится ваш сайт, так и любой другой сервер в сети интернет. Если объект на который вы хотите сослаться находится на внешнем сервере (т.е. не на сервере вашего сайта), то введенный адрес должен начинаться с указания протокола соединения (например, http:// или https://), иначе ссылка будет считаться относительной.

Список ссылок. Это поле представляет собой выпадающий список всех разделов вашего сайта. Оно будет вам полезно, если вы хотите сослаться на один из них. После выбора раздела из этого выпадающего списка -его адрес автоматически появится в поле «Адрес ссылки», и Вам не придется прописывать его вручную.

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

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

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

Класс. Выберите класс из CSS (каскадные таблицы стилей). Крайне рекомендуем оставить это поле незаполненным, если вы не уверены в том, какой именно класс вам нужен.

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

Появится окно, состоящее из трех вкладок «Обзор», «Загрузить», «Редактировать».

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

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

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

Для того, чтобы закончить процесс загрузки файла/файлов следует нажать кнопку «Загрузить» в правой нижней части окна, после чего система закачает выбранные файлы на сервер, и ссылку на файл можно будет поместить на страницу сайта, выбрав его во вкладке «Обзор». В окне «Вставить/редактировать ссылку» в поле «Адрес ссылки» автоматически вставится путь к выбранному файлу, после чего необходимо нажать кнопку «Вставить».

Чтобы отредактировать загруженные файлы, воспользуйтесь вкладкой . В ней вы сможете удалить (Удалить), или переименовать (Переименовать) загруженные на сервер вашего сайта файлы. Эти действия Вы можете выбрать в выпадающем списке режимов в левом верхнем углу окна.

Удаление файлов

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

Переименование файлов

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

Удаление гиперссылки

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

Добавление изображений

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

Для того, чтобы изображение стало доступным для просмотра посетителям сайта, оно должно быть размещено на публичном интернет-сервере. Это может быть как сервер, на котором находится ваш сайт, так и любой другой сервер в сети Интернет. Кроме того, изображение должно быть сохранено в формате, который может быть прочитан браузером, т.е. формат может быть bmp (не рекомендуется), gif, jpeg, png, а имя файла должно состоять из латинских букв и цифр.

Для вставки изображения нажмите кнопку . Откроется окно параметров публикации изображения:

Адрес изображения - URL изображения для вставки.

Описание изображения - замещающий текст. Отображается если по каким-либо причинам браузер не может отобразить картинку.

Название - всплывающая подсказка (tooltip).

Предпросмотр - в этом окне отображается изображение, находящееся по адресу, введённому в поле «Адрес картинки».

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

Если изображение еще не загружено на сервер, нажмите кнопку рядом с полем ввода «Адрес картинки». Откроется окно, в котором будут отображены все ранее загруженные изображения:

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

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

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

С помощью вкладки «Загрузить» Вы можете закачать один или сразу несколько файлов на сервер.

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

Во вкладке «Редактировать» Вы можете производить различные действия над файлами:

Удалить
Переименовать
Изменить размер
Повернуть

Эти действия Вы можете выбрать в выпадающем списке режимов в левом верхнем углу окна.

Удаление файлов

Переименование файлов

Изменение размера файла

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

Изменение положения изображения

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

Вставка текста из буфера обмена

В визуальном редакторе существует несколько способов вставки текста из буфера обмена.

Вставить из Word

Большие тексты набираются заранее в Word. Напрямую вставлять его в редактор сообщений нельзя. Word использует при оформлении много лишних тэгов, которые будут мешать при просмотре в сообщении на сайте. Нужно удалить все ненужное форматирование, которое делает Word:

скопируйте текст из Word в буфер обмена
перейдите к окну с визуальным редактором
поставьте курсор туда где будет вставлен текст Word из буфера обмена
нажмите кнопку с изображением папки и буквы «W» . Откроется отдельное окно
для вставки нажмите одновременно клавиши Ctrl и «V». Текст будет вставлен в окно «Вставить из Word»
нажмите кнопку "Вставить"

Очищенный текст будет вставлен в ваше сообщение.

Операция вставки текста из Word через кнопку занимает ровно 30 секунд, но значительно улучшает качество текста в сообщении по сравнению с прямой загрузкой текста из Word.

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

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

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