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

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

Вернуться на шаг назад (Рис. 21.1.) - Откатывает изменения в окне редактора на шаг назад. При помощи данной функции возможно восстановить данный откатившись на шаг(или более) назад.

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

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

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


Перейти на шаг вперед (Рис. 21.2.) - При условии отката содержимого редактора на шаг назад, возвращает значения на шаг вперед.

Визуальный редактор, шаг вперед Flexcore CMS

После сохранения данных невозможно перейти на шаг вперед используя данный инструмент.


Очистить форматирование (Рис. 21.3.) - Сбрасывает форматирование выделенной области.

Визуальный редактор, форматирование Flexcore CMS

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

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


Выделить текст жирным (Рис. 21.4.) - Форматирует выделенный текст как жирный.

Визуальный редактор, форматирование текста Flexcore CMS

Добавить тексту наклон (Рис. 21.5.) - Форматирует выделенный текст с наклоном.

Визуальный редактор, форматирование текста Flexcore CMS

Зачеркивает текст (Рис. 21.6.) - Форматирует выделенный текст как зачеркнутый.

Визуальный редактор, форматирование текста Flexcore CMS

Подчеркивает текст (Рис. 21.7.) - Форматирует выделенный текст как подчеркнутый.

Визуальный редактор, форматирование текста Flexcore CMS

Выравнивает текст по левому краю (Рис. 21.8.) - Инструмент выравнивает выделенный текст по левому краю.

Визуальный редактор, форматирование текста Flexcore CMS

Выравнивает текст по центру (Рис. 21.9.) - Инструмент выравнивает выделенный текст по центру.

Визуальный редактор, форматирование текста Flexcore CMS

Выравнивает текст по правому краю (Рис. 22.) - Инструмент выравнивает выделенный текст по правому краю.

Визуальный редактор, форматирование текста Flexcore CMS

Создать список (Рис. 22.1.) - Инструмент создает список из выделенного текста. Каждая строка воспринимается как элемент списка.

Визуальный редактор, форматирование текста Flexcore CMS

Создать пронумерованный список (Рис. 22.2.) - Инструмент создает пронумерованный список из выделенного текста. Каждая строка воспринимается как элемент списка.

Визуальный редактор, форматирование текста Flexcore CMS

Создать ссылку из выделенной области (Рис. 22.3.) - Инструмент создает ссылку из выделенной области.

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

Содержит окно дополнительных параметров (Рис. 22.4.)

Текст ссылки - текст выделенного элемента. При условии выделения текста отображает в данном поле выделенный текст. Фактически название ссылки по которой будет осуществляться переход.

Адрес ссылки - адрес страницы на которую будет осуществляться переход. Допустимы как абсолютные значения (http://site.ru/page), так и относительные (/site/)

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

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

Подсказка - поле для ввода текста, отображаемого при наведении курсора мыши на ссылку(тег title).

Атрибут rel - поле для ввода текста, дополнительные технические параметры ссылки. Например для запрета поисковым системам переходить по ссылке используется атрибут rel="nofollow".

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

Удалить ссылку из выделенной области (Рис. 22.3.) - Инструмент удаляет ссылку из выделенной области, текст при этом не удаляется.

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

В появившемся окне выберите загружаемый файл и нажмите на кнопку загрузить (Рис. 22.5.).

Визуальный редактор, загрузка изображений Flexcore CMS

После загрузки изображения, становятся доступны дополнительные параметры. Кликните два раза левой кнопкой мыши по загруженному изображению (Рис.22.6.).

Ширина - задает параметр ширины загруженного изображения.

Высота - задает параметр высоты загруженного изображения.

Вспомогательеый текст (alt) - Описание изображения, заполняет тег alt. В основном используется для указания поисковым системам принадлежности изображения к тексту введенному в этом поле.

Всплывающая подсказка (title) - Описание изображения, отображаемое при наведении курсора мыши в область картинки, заполняет тег title

Ссылка - Поле для ввода url адреса, создает ссылку из загруженного изображения, т.е. при нажатии на изображение произойдет переход по указанному адресу. Допустимо вводить адрес целевой страницы как в абсолютном формате (http://site.ru/page), так и в относительном (/page/).

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

Положение - Настройка задает позиционирование загруженного изображения относительно контента.

Допустимые значения:

Имя класса - Возможность назначения класса изображению. Класс необходимо заранее назначит в каскадной таблице стилей(CSS). Формируется атрибут вида: class="our_class"

Дополнительный стиль - Возможность назначать отдельные правила стилей. Правила формируются в тег style как значения атрибута. Например значение: border: 1px solid black;border-radius:5px; сформируют атрибут: style="border: 1px solid black;border-radius:5px;"

Визуальный редактор, загрузка изображений Flexcore CMS

Создать таблицу (Рис. 22.7.) - Инструмент для создания таблиц.

Создание таблиц, загрузка изображений Flexcore CMS

Содержит окно дополнительных параметров (Рис. 22.8.).

Заголовок - Заголовок таблицы. Текст оборачивается в тег <caption></caption> и вставляется внутри таблицы.

Столбцов - Количество столбцов создаваемой таблицы.

Строк - Количество строк создаваемой таблицы.

Ширина - Настройка определяет ширину создаваемой таблицы, допустимые значения: проценты или пиксели.

Граница - Группа параметров задающих рамку вокруг таблицы.

Создание таблиц, загрузка изображений Flexcore CMS

Пример созданной таблицы (отображение в редакторе) (Рис. 22.8.)

Создание таблиц, загрузка изображений Flexcore CMS

Включить режим кода (Рис. 22.9.) - Переключает режим отображения в режим кода или режим визуального редактора.

Режим кода Flexcore CMS

Форматирование (Рис. 23.) - форматирование текста.

Допустимые значения: Форматирование Flexcore CMS

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

Допустимые значения: Шрифт Flexcore CMS

Размер шрифта (Рис. 23.2.) - Принудительное изменение размера шрифта.

Допустимые значения: от 1 до 7 Размер шрифта Flexcore CMS

Цвет шрифта (Рис. 23.3.) - Принудительное изменение цвета шрифта.

Цвет шрифта Flexcore CMS

Цвет заливки (Рис. 23.4.) - Принудительное изменение цвета фона шрифта.

Цвет фона шрифта Flexcore CMS