Кнопка  на основной панели инструментов редактора TinyMCE позволяет управлять изображениями в документе. Окно имеет несколько вкладок:

- Вкладка «Images(изображения)» имеет вид, представленный на рис. 21.

TinyMCE_MathSymbols

Рис. 21. Вкладка выбора изображений

 

Она представляет из себя файловый браузер для выбора изображения. При нажатие на файл происходит перемещение во вкладку General

Вкладка «General(Основные)» (рис. 22) содержит поля, описанные в таблице 1.

TinyMCE_picture

Рис. 22. Вкладка основных параметров изображения

 

 

Таблица 1.

Поля вкладки основных параметров изображения

 

Поле

Функция (перевод)

Описание

Image URL

Адрес файла

Адрес файла изображения (путь к файлу). При указании пути на сервере, перед именем папки вводить слэш (напр. /files/002b.jpg). При выборе файла в предыдущей вкладки путь формируется сам.

Image description

Описание картинки

Текст, который выводится при наведении указателя на картинку (атрибут alt=”…”).

Title

Заголовок

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

Preview

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

В окне показывается картинка, после ввода её верного адреса (пути к файлу).

       Вкладка «Appearance» (Визуализация) представлена на рис. 23.

TinyMCE_InsertPictures

Рис. 23. Вкладка "Визуализация"

 

Таблица 2.

Поля вкладки "Визуализация"

 

Поле

Функция (перевод)

Описание

Alignment

Выравнивание

Выравнивание изображения на странице.

Варианты:

Baseline - выравнивает нижнюю кромку изображения с базовой линией текущей текстовой строки
Top – выравнивание по верхнему краю
Middle – выравнивание по средине
Bottom – выравнивание по нижнему краю
Text top - выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки
Absolute middle – выравнивает центр текущей текстовой строки с центром *Absolute bottom - выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки
Left – выравнивает изображение по левому краю документа. Прилегающий текст обтекает изображение справа
Right – выравнивает изображение по правому краю документа. Прилегающий текст обтекает изображение слева.

Dimensions

Размеры

Размеры изображения по высоте и ширине. Измеряется в пикселях.

Vertical space

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

Отступ по вертикали от картинки до ближайшего объекта (текста, таблицы и т.п.), в пикселях (значение атрибута vspace)

Horizontal space

Горизонтальный отступ

Отступ по горизонтали до ближайшего объекта, в пикселях (значение атрибута hspace)

Border

Рамка

Толщина рамки для изображения

Class

Класс

Установка доступного класса из CSS, выбирается из выпадающего списка

Style

Стиль

Стиль для изображения (значение атрибута style)