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

Для управления содержимым Система Управления Сайтом ImageCMS использует визуальный редактор TinyMCE.

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

Форматирование текста¶

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

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

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

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

- позволяет создать нумерованный или точечный список.

- позволяет откатить изменения на шаг назад, или на шаг вперед.

- позволяет изменить цвет шрифта выделенной области или цвет фона выделенной области.

- позволяет изменить стиль для выделенной области.

- позволяет применить абзац к выделенной области.

- позволяет изменить шрифт для выделенной области.

- позволяет изменить размер шрифта для выделенной области.

- позволяет увеличить отступ слева, справа текста, а также вставить цитату.

Управление содержимым¶

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

- это стандартная для редакторов панель, которая позволяет вырезать, скопировать, вставить текст. Также есть инструменты вставки обычного текста и вставки текста из Microsoft Word.

- эти инструменты позволяют произвести поиск по содержимому, а также быструю замену текста в содержимом.

- эти инструменты позволяют вставить разделитель страницы, очистить весь текст от ненужных символом, а также посмотреть HTML код страницы.

- этот инструмент позволяет перейти в полноэкранный режим редактирования содержимого.

Вставка объектов¶

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

- отвечает за вставку ссылки в текст.

- удаляет ссылку из текста.

- вставка якоря в текст.

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

- вставка медиа в текст.

Вставка/удаление ссылки¶

Для того, чтобы вставлять и удалять ссылки в тексте существуют две кнопки:

- отвечает за вставку ссылки в текст.

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

В поле адрес ссылки нужно вставить адрес нужной страницы в следующем формате, к примеру: http://www.imagecms.net

В поле цель выбирается вариант открытия страницы: в этом же окне или в другом окне.

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

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

Вставка якоря¶

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

Вставка изображения¶

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

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

Вкладка общие предоставляет следующие возможности:¶

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

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

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

- Кнопка вставки адреса изображения открывает окно со следующими возможностями.

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

Для навигации по изображениях существует кнопка выбора текущего каталога изображений в правом верхнем углу.

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

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

Вкладка каталоги позволяет создать новый каталог для изображений.

Вкладка внешний вид¶

Вкладка общие предоставляет следующие возможности:

Изменить выравнивание текста по отношению к рисунку.

Установить размеры рисунка в пикселях.

Установить вертикальное и горизонтальное пространство(отступ текст от рисунка сверху и снизу) в пикселях.

Установить размеры границы рисунка(рамки) в пикселях.

Применить CSS класс или стиль к рисунку.

Вкладка дополнительные¶

Вкладка дополнительные предоставляет следующие возможности:

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

Также на этой вкладке можно вставить разные параметры HTML изображения.

Вставка медиа¶

- Вкладка медиа позволяет вставлять элементы медиа на сайт.

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

Указать адрес медиа файла можно в ручную, прописав путь к файлу относительно сайта, или воспользовавшись кнопкой вставки адреса медиа файла .

Кнопка вставки адреса медиа файла работает аналогично кнопке вставки адреса изображения.

На вкладке дополнительные можно ввести дополнительные настройки вставки Flash файла.