Тел.:+7 (499)398-08-45 Тел.:+7 (926)005-97-74
info

sdfsdg

@

sdgsdg

zakazatsajt.ru
Главная Как работать в HTML-редакторе TinyMCE

Как работать в HTML-редакторе TinyMCE

Содержание

Общий вид и список функций редактора TinyMCE

Редактирование страниц осуществляется с использованием визуального редактора.


ОБЩИЙ ВИД РЕДАКТОРА показан на рисунке:


PanelTMCE.png

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

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


ОПИСАНИЕ ФУНКЦИЙ КНОПОК РЕДАКТОРА (в порядке расположения):

 

Кнопка Подсказка (в скобках – сочетание клавиш) Функция
Секция "Файл"
SaveTMCE.png Save Сохранить файл
NewTMCE.png New document Новый документ
Секция "Шрифт"
BoldTMCE.png Bold (Ctrl+B) Полужирный
ItalicTMCE.png Italic (Ctrl+I) Наклонный
UnderTMCE.png Underline (Ctrl+U) Подчёркнутый
StrikeTMCE.png Strikethrough Зачёркнутый
Секция «Выравнивание текста»
AleftTMCE.png Align left По левому краю
AcenterTMCE.png Align center По центру
ArightTMCE.png Align right По правому краю
AfullTMCE.png Align full По ширине колонки
Секция «Стиль абзаца»
StylesTMCE.png   Стиль оформления текста
FormatTMCE.png   Стиль оформления абзаца
FontTMCE.png   Тип шрифта
FontzTMCE.png   Размер шрифта
Секция «Управление фрагментами»
CutTMCE.png Cut Вырезать
CopyTMCE.png Copy Копировать
Paste TMCE.png Paste Вставить
Paste t TMCE.png Paste as Plain Text Вставить как текст
Paste w TMCE.png Paste from Word Вставить из Word
Секция «Поиск и замена текста»
Find TMCE.png Find Найти
Find r TMCE.png Find/Replace Найти и заменить
Секция «Списки»
List TMCE.png Unordered list Маркированный список
List o TMCE.png Ordered list Нумерованный список
Секция «Сдвиг»
Odent TMCE.png Outdent Сдвинуть влево
Ident TMCE.png Indent Сдвинуть вправо
Секция «Отмена - возврат»
Undo TMCE.png Undo Отмена последнего действия
Redo TMCE.png Redo Возврат отмены
Секция «Управление объектами и кодом»
Link TMCE.png Insert/edit link Вставить ссылку
Image TMCE.png Insert/edit image Вставить изображение
Cleanup 3TMCE.png Cleanup messy code Вычистить грязный код
Html TMCE.png Edit HTML Source Редактировать код HTML
Секция «Цвета»
Color TMCE.png Select text color Выбор цвета текста
Секция «Таблицы»
Table Cr TMCE.png Insert a new table Вставить новую таблицу
Table Rp TMCE.png Table row properties Свойства строки
Table Cp TMCE.png Table cell properties Свойства ячейки
Table Irb TMCE.png Insert row before Вставить строку перед текущей
Table Ira TMCE.png Insert row after Вставить строку после текущей
Table Dr TMCE.png Delete row Удалить текущую строку
Table Icb TMCE.png Insert column before Вставить столбец перед текущим
Table Ica TMCE.png Insert column after Вставить столбец после текущего
Table Dc TMCE.png Delete column Удалить столбец
Table Sc TMCE.png Split table cells Разделить ячейки
Table Mc TMCE.png Merge table cells Объединить ячейки

Описание операций, выполняемых в редакторе (по функциям)

Сохранение документа

Save - Сохранить файл

SaveTMCE.png - Сохранить текущий вариант документа в файле

New document - Новый документ

NewTMCE.png - Полностью очищает введенные данные. Ввод документа можно начать с чистого листа.

Управление фрагментами

Cut - Вырезать

CutTMCE.png - вырезает часть документа и помещает в буфер обмена.

Copy - Копировать

CopyTMCE.png - помещает часть документа в буфер обмена.

Paste – Вставить

Paste TMCE.png - помещает данные из буфера обмена в документ.

Paste as Plain text - Вставить как текст

Paste t TMCE.png - Вставить обычный текст позволяет вставить данные из буфера обмена,предварительно очистив их от форматирования. При использовании Opera®, Firefox® или Mozilla® открывается форма, в которую пользователь вставляет текст из буфера обмена нажатием Ctrl+V. При установленном параметре «Keep linebreaks» (сохранить переносы строк), переносы строк оформляются в виде абзацев.

PasteTMCE.png

После вставки текста в форму:

  • "Insert" - вставка текста из формы в редактируемый документ;
  • "Cancel" - отказ от вставки текста в документ.

Paste from Word - Вставить из Word

Paste w TMCE.png - Вставить из Word позволяет вставить данные из Word, предварительно очистив их от лишнего форматирования. При использовании Firefox® или Mozilla® открывается форма, в которую пользователь вставляет текст из буфера обмена нажатием "Ctrl+V".

PastewTMCE.png

После вставки текста в форму:

  • "Insert" - вставка текста из формы в редактируемый документ;
  • "Cancel" - отказ от вставки текста в документ.

Find - Найти

Find TMCE.png - позволяет осуществлять поиск в документе. При вызове функции, открывается форма «Find/Replace» (Поиск/Замена). Для поиска используется вкладка «Find» (Найти).

FindTMCE.png

  • "Find what" - в это поле вводится искомое слово или фраза.
  • "Direction"- направление поиска от текущей позиции
    • Up — искать "Вверх"
    • Down – искать "Вниз"
  • "Match case" - поиск с учетом регистра (если поставить галочку).
  • "Find next" - найти следующее место в тексте, с тем же словом/фразой.
  • "Cancel" - отказ от поиска.

Find/Replace - Найти/заменить

Find r TMCE.png - позволяет осуществлять поиск и замену в тексте документа. Используется та же форма, что и при поиске ("Find/Replace"), но вкладка "Replace" (Замена).

  • "Find what" - поле для ввода искомого слова/фразы.
  • "Replace with" - поле слова/фразы для замены.
  • Direction- направление поиска от текущей позиции
    • Up — искать "Вверх"
    • Down - искать "Вниз"
  • "Match case" - поиск с учетом регистра (поставить галочку).

Сначала выполняется поиск и отображение участка документа с выделенным искомым текстом.

  • "Replace" - замена найденного в данной позиции. Если в этом месте документа замена не нужна, можно продолжить поиск - нажать "Find next"</b>.
  • "Find next" - найти следующее место в тексте, с тем же словом/фразой.
  • "Replace all" - замена искомых слов/фраз по всему документу, автоматически, в заданном направлении от текущей позиции.
  • "Cancel" - отказ от поиска/замены.

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

Управление шрифтом

Bold - Полужирный
BoldTMCE.png - выделяет текст полужирным.

Italic - Курсив
ItalicTMCE.png - выделяет текст курсивом.

Underline - Подчеркивание
UnderTMCE.png - выделяет текст подчеркиванием.

Strikethrough - Перечеркивание
StrikeTMCE.png - выделяет текст перечеркиванием.

Управление выравниванием

Align left - Выравнивание влево
AleftTMCE.png - текст выравнивается по левому краю.

Align center - Выравнивание по центру
AcenterTMCE.png - текст выравнивается по центру.

Align right - Выравнивание вправо
ArightTMCE.png - текст выравнивается по правому краю.

Align full - Выравнивание равномерно
AfullTMCE.png- текст выравнивается по ширине.

Управление параметрами выделенного текста

Стиль
StylesTMCE.png - позволяет для текста выбрать стиль отображения. Список стилей загружается из CSS-файла, соответствующего макету.

Формат
FormatTMCE.png - позволяет выбрать формат отображения текста.

Параметр Функция (перевод) Вставляемый тег HTML
Paragraph Абзац <p></p>
Address Стиль адреса <address></address>
Preformatted Преформатированный <pre></pre>
Header 1 Заголовок 1 <h1></h1>
Header 2 Заголовок 2 <h2></h2>
Header 3 Заголовок 3 <h3></h3>
Header 4 Заголовок 4 <h4></h4>
Header 5 Заголовок 5 <h5></h5>
Header 6 Заголовок 6 <h6></h6>

Шрифт
FontTMCE.png - позволяет для текста выбрать шрифт. При форматировании текста рекомендуется использовать CSS стили вместо явного указания размера и шрифта.

Размер шрифта
FontzTMCE.png - позволяет задать для текста размер шрифта.

Создание списков

Unordered list
List TMCE.png - маркированный список, позволяет добавить на страницу маркированный список или представить в виде такого списка выделенный фрагмент текста.

Ordered list
List o TMCE.png - нумерованный список, позволяет добавить на страницу нумерованный список или представить в виде такого списка выделенный фрагмент текста.

Горизонтальный сдвиг (отступ)

Outdent
Odent TMCE.png – сдвинуть влево (уменьшить отступ), сдвигает влево выделенный фрагмент (объект) относительно остального текста.

Indent
Ident TMCE.png – сдвинуть вправо (увеличить отступ), сдвигает вправо выделенный фрагмент (объект) относительно остального текста.

Отмена – возврат

Undo - Отмена Undo TMCE.png - отменить последнее действие.

Redo - Возврат Redo TMCE.png – выполнить ошибочно отменённое действие.

Управление ссылками

Управление ссылками (на "якоря", другие страницы, сайты) активизируется при выборе объекта (выделении текста, выборе картинки) с которого нужно сделать ссылку.

Вставить/изменить ссылку
Link TMCE.png - внедряет ссылку в текст (тег <a href="адрес ссылки">текст ссылки</a>). Содержит несколько вкладок.

Вкладка «General» (Основные)

Link1TMCE.png

Поле Функция (перевод) Описание
Link URL Адрес ссылки Указывается адрес ссылки (тег <a href="адрес ссылки">текст ссылки</a>). При указании внутренних ссылок необходимо отображать путь с ведущим слэшем (знаком "/"), например /about_company/
Anchors Якоря Список доступных для выбора якорей
Target Открыть в… Выбирается способ открытия ссылки:
  • Open in this window/frame – открыть в текущем окне
  • Open in new window (_blank) – в новом окне
  • Open in parent window/frame (_parent) – в «родительском» окне/фрейме
  • Open in top frame (replaces all frames) (_top) – в самом верхнем кадре (с замещением всех кадров)
Title Заголовок Название ссылки (подсказка при наведении курсора мыши)
Class Класс (стиль) Доступные CSS классы (стили оформления), выбираемые из

выпадающего списка

Вкладка "Popup" (Всплывающие)

Для открытия ссылки во "всплывающем" окне с заданными параметрами (на Javascript). Настройки становятся доступны после установки галочки "Javascript popup".

Link2TMCE.png

Поле Функция (перевод) Описание
Popup URL Адрес «всплывающей» ссылки Адрес открываемой страницы
Window name Имя окна Имя открываемого окна, только латинские символы
Size [ ] x [ ]px Размер Размер всплывающего окна в пикселях
Position (X/Y)

[ ] / [ ] (c/c=center)

Позиция окна Позиция всплывающего окна на экране по осям X и Y, от верхнего левого угла экрана. Если указать в обеих полях "c", то всплывающее окно будет в центре экрана.
Options Дополнительные параметры (опции) Для выбора дополнительных параметров всплывающего окна – установить галочки напротив требуемых опций:
  • Show location bar – показывать адресную строку
  • Show menu bar – показывать панель меню
  • Show toolbars – показывать панели инструментов
  • Show status bar – показывать строку статуса
  • Show scrollbars – показывать полосы прокрутки окна
  • Make window resizable – разрешить изменение размеров окна пользователем
  • Dependent (Mozilla/Firefox only) – зависимость от типа броузера (только для Mozilla и Firefox)
  • Insert 'return false' – вставить «возвращать отрицание»

Вкладка «Events» (События)

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

Link3TMCE.png

Поле Событие Описание
onfocus Переход «фокуса» на объект Вызов обработки события «активизация объекта» (переход «фокуса» на объект)
onblur Уход «фокуса» с объекта Обработка события «дезактивизация объекта» (переход «фокуса» с объекта на другой объект)
onclick Клик на объекте Вызов обработки события «клик мышки на объекте»
ondblclick Двойной клик Обработчик события «двойной клик на объекте»
onmousedown Нажатие кнопки мыши Вызов обработчика нажатия кнопки мыши при её указателе над объектом.
onmouseup Отпускание кнопки мыши Обработчик события при отпускании кнопки мыши, с указателем над объектом.
onmouseover Указатель мыши – над объектом Действие при появлении указателя мыши над объектом.
onmousemove Перемещение указателя мыши над объектом Вызов ссылки при перемещении указателя мыши над объектом, в любом направлении.
onmouseout Уход указателя мыши с объекта Вызов ссылки при уходе указателя мыши с объекта.
onkeypress Нажатие и отпускание клавиши Обработчик события "нажатие и отпускание клавиши над объектом"
onkeydown Нажатие клавиши над объектом Вызов ссылки при нажатии клавиши над объектом
onkeyup Отпускание клавиши над объектом Вызов ссылки при отпускании клавиши над объектом

Вкладка «Advanced» (Расширенные)

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

Link4TMCE.png

Поле Функция (перевод) Описание
Id Идентификатор Индивидуальный идентификатор (имя) ссылки
Style Стиль Стиль ссылки (один из заданных для документа стилей CSS)
Classes Классы Класс (вариант) отображения ссылки (из используемых)
Target name "Имя цели" Наименование окна/фрейма в котором нужно открывать данную ссылку (место назначения ссылки)
Language direction Направление письма в языке документа ссылки Возможны варианты:
  • Non set – не задано
  • Left to right – слева-направо
  • Right to left – справа-налево (для восточных языков)
Target language Язык "цели" Язык, используемый в окне/фрейме, где будет открыта ссылка
Language code Языковой код Код языка документа ссылки
Target character encoding Целевая таблица символов Таблица символов, используемая в документе ссылки (номер).
Target MIME type Целевой MIME тип Тип файла ссылки, передаваемый в место назначения.
Relationship page to target Соотношение страницы (ссылки) и цели Чем является данная страница (открываемая по ссылке) для целевого окна/фрейма. Т.е. «прямая ссылка» - переход осуществляется на другую страницу (rel="…")
Варианты:
  • Not set – не задано
  • Lightbox – изображение, размещаемое в лайтбоксе
  • Alternate – другая версия документа
  • Designates – список обозначений
  • Stylesheet – таблица стилей в виде файла (CSS)
  • Start – стартовая страница
  • Next - следующая страница
  • Prev - предыдущая страница
  • Contents – страница с содержанием
  • Index – алфавитный указатель (оглавление)
  • Glossary – словарь терминов
  • Copyright – информация об авторских правах
  • Chapter – признак главы документа
  • Subsection – признак подраздела
  • Appendix - приложение
  • Help – справочные данные
  • Bookmark – закладка внутри документа
  • No Follow – не завершающая
  • Tag - тэг (команда)
Relationship target to page Соотношение цели и страницы (ссылки) Чем является целевое окно/фрейм для страницы (ссылки) Т.е. «обратная ссылка» - для перехода назад (rev="…")

Варианты:

  • Not set – не задано
  • Alternate – другая версия документа
  • Designates – список обозначений
  • Stylesheet – таблица стилей в виде файла (CSS)
  • Start – стартовая страница
  • Next – следующая страница
  • Prev - предыдущая страница
  • Contents - страница с содержанием
  • Index – алфавитный указатель (оглавление)
  • Glossary – словарь терминов
  • Copyright – информация об авторских правах
  • Chapter – признак главы документа
  • Subsection – признак подраздела
  • Appendix - приложение
  • Help – справочные данные
  • Bookmark – закладка
Tabindex Таблица указателя Атрибут, определяющий последовательность перехода по клавише "Tab"
Accesskey Клавиша быстрого доступа Назначить клавишу быстрого доступа к ссылке

MIME (Multipurpose Internet Mail Extensions) - стандарт для определения типа передаваемой информации и механизмов ее обработки.
Лайтбокс – специальне окно для просмотра изображений, с дополнительным интерфейсом. Реализуется на JavaScript.

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

Insert/edit image - Вставить/изменить изображение
Image TMCE.png - позволяет управлять изображениями в документе. Окно имеет несколько вкладок:

Вкладка «Основные»

Image1TMCE.png

Поле Функция (перевод) Описание
Image URL Адрес файла Адрес файла изображения (путь к файлу). При указании пути на сервере, перед именем папки вводить слэш (напр. /files/002b.jpg).
Image description Описание картинки Текст, который выводится при наведении указателя на картинку (атрибут alt=”…”).
Title Заголовок Название картинки – выводится в заголовке окна, если открыть картинку в отдельном окне.
Preview Предварительный просмотр В окне показывается картинка, после ввода её верного адреса (пути к файлу).

Вкладка «Appearance» (Визуализация)

Image2TMCE.png

Поле Функция (перевод) Описание
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)

Вкладка «Advanced» (Расширенные)

Image3TMCE.png

Имеется две панели:

"Swap image" (сменить картинку) – панель замены изображения на альтернативное при действиях с указателем мыши.

  • Alternative image (альтернативное изображение) – если установить галочку, то включается поддержка замены картинки на альтернативную при:
    • "for mouse over" – при наведении указателя мыши на картинку. В поле нужно вписать адрес (путь к файлу на сервере) альтернативной картинки.
    • "for mouse out" – смена изображения при уходе указателя мыши с картинки. В поле нужно вписать адрес изображения (путь к файлу на сервере).

Панель "Miscellaneous" (разное)

Поле Функция (перевод) Описание
Id Идентификатор Идентификатор картинки (значение атрибута id)
Language direction Направление письма в языке документа Возможны варианты:
  • Non set – не задано
  • Left to right – слева-направо
  • Right to left – справа-налево (для восточных языков)
Language code Языковой код Код языка документа (значение атрибута lang)
Image map Карта изображения Имя файла, определённого элементом «MAP», в котором задана карта расположения фрагментов изображения со ссылками с них (если есть в наличии) – значение атрибута usemap. В качестве значения задается имя карты с предшествующей ему решеткой. Например, если имя карты - "map1", то ссылка на нее будет выглядеть как "#map1".
Long description link Полное описание Ссылка на полное описание изображения (дополняет атрибут alt) - значение атрибута longdesc.

Вычистить грязный код

Cleanup messy code - Вычистить грязный код
Cleanup 3TMCE.png – автоматическая корректировка кода с удалением лишних и ошибочных тегов.

Редактирование HTML-кода

Edit HTML Source - Редактировать HTML
Html TMCE.png - открывается Редактор html-кодов, в котором пользователь получает возможность корректировки html-кода.

HTML SeTMCE.png

Выбор цвета текста

Select text color - Выбор цвета текста

Color TMCE.png - предоставляет возможность выбора цвета текста из палитры. На кнопке, под символом шрифта (А) показывается текущий выбранный цвет. Его можно применить к выделенному тексту или нажать кнпку перед началом ввода текста с выбранным цветом. При нажатии на стрелку рядом с кнопкой, выводится таблица (40 цветов), в которой можно выбрать нужный цвет:

Color1TMCE.png
Если цветов, представленных в этой таблице не достаточно, нужно нажать кнопку "More colors" под таблицей. При этом, откроется отдельное окно выбора цветов, с тремя вкладками. Для всех вкладок, кнопка "Apply" – применить выбранный цвет (окончание выбора).

Вкладка "Picker"

Вкладка "Picker" – "пипетка" позволяет выбрать произвольный цвет.

Color2TMCE.png
Для выбора цвета – кликнуть в нужном месте радужной палитры, затем, в правом столбце выбрать его яркость. Внизу справа показывается код цвета, а также, прямоугольник, залитый выбранным цветом. В окне с кодом можно ввести нужный код цвета с клавиатуры, в 16-ричном (hex) коде.

Вкладка "Web safe"

Вкладка "Web safe" – веб-безопасные цвета. Выбор из палитры в 216 цветов, являющейся стандартной для всех программ инернет-браузеров (во всех браузерах отображаются одинаково).

Color3TMCE.png
Для выбора цвета – кликнуть на нужном цветном квадратике.

Вкладка "Named"

Вкладка "Named" - именованные – таблица цветов, имеющих стандартные наименования (показываются внизу, под палитрой, при наведении курсора на цветные квадратики).

Color4TMCE.png
Выбор – аналогичен остальным вкладкам – кликнуть на нужном цвете, нажать кнопку "Apply" - применить.

Работа с таблицами

Вставить новую таблицу

Inserts a new table - Вставить новую таблицу

Table Cr TMCE.png - позволяет управлять уже существующими таблицами и создавать новые. Окно содержит несколько вкладок.

Вкладка "General"

Вкладка "General" (Основные):

Table 1 TMCE.png

Поле Функция (перевод) Описание
Columns Колонки Количество колонок в таблице
Rows Строки Количество строк в таблице
Cellpadding Отступ в ячейках Отступ содержимого от границы, внутри ячеек, значение атрибута cellpadding (в пикселях)
Cellspacing Расстояние между ячейками Ширина промежутков между соседними ячейками, значение атрибута cellspacing (в пикселях)
Alignment Выравнивание В окне показывается картинка, после ввода её верного адреса (пути к файлу).
Border Рамка Горизонтальное выравнивание таблицы на странице, значение атрибута align

Варианты:

  • Center - по центру страницы
  • Left - по левому краю
  • Right - по правому краю
Width Ширина Ширина таблицы, в пикселях, значение атрибута width
Height Высота Высота таблицы, в пикселях, значение атрибута height
Class Класс Наименование класса из таблицы CSS стилей (из имеющихся)
Table caption Заголовок таблицы Резервирование места под заголовок, над таблицей

Вкладка "Advanced"

Вкладка "Advanced" - (Расширенные):

Table 2 TMCE.png

Поле Функция (перевод) Описание
Id Идентификатор Идентификатор таблицы (значение атрибута id)
Summary Краткое описание Краткое описание таблицы (значение атрибута summary)
Style Стиль Стиль таблицы (значение атрибута style)
Language direction Направление письма в языке таблицы Возможны варианты:
  • Non set - не задано
  • Left to right - слева-направо
  • Right to left - справа-налево (для восточных языков)
Language code Языковой код Код языка (значение атрибута lang)
Background image Фоновое изображение Фоновое изображения таблицы (адрес файла изображения)
Border color Цвет рамки Цвет рамки из палитры цветов (при нажатии на кнопку Table Csel TMCE.png вызывается окно выбора цветов, описанное в выборе цвета текста.
Background color Цвет фона Цвет фона из палитры цветов (при нажатии на кнопку Table Csel TMCE.png вызывается окно выбора цветов, описанное в выборе цвета текста.
Class Класс Наименование класса из таблицы CSS стилей (из имеющихся)
Table caption Заголовок таблицы Резервирование места под заголовок, над таблицей

 

Параметры строки таблицы

Table row properties - Параметры строки таблицы

Table Rp TMCE.png - позволяет управлять параметрами и атрибутами строк и содержит две вкладки.

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

  • Update current row - применить к текущей строке.
  • Update odd rows in table - применить к нечётным строкам таблицы
  • Update even rows in table - применить к чётным строкам таблицы
  • Update all rows in table - применить ко всем строкам таблицы

Выбранные параметры вступают в силу после нажатия кнопки "Update". При отказе от применения параметров - нажать "Cancel".

Вкладка "General"

Вкладка "General" (Основные):

Table 3 TMCE.png

Поле Функция (перевод) Описание
Row in table part Строка в части таблицы Расположение строки в таблице.

Варианты:

  • Table Head - в верхней части таблицы (в "голове")
  • Table Body - в средине таблицы (в "теле")
  • Table Foot - в нижней части таблицы (в "ногах")
Alignment Выравнивание в строке Выравнивание информации в строке (значение атрибута align)

Варианты:

  • Not set - не установлено
  • Center - по центру
  • Left - по левому краю
  • Right - по правому краю
Vertical alignment Вертикальное выравнивание Выравнивание информации по вертикали (значение атрибута valign)

Варианты:

  • Top - по верхнему краю
  • Center - по центру
  • Bottom - по нижнему краю
Class Класс Доступные CSS стили, выбираемые из выпадающего списка
Height Высота Высота строки, в пикселях

Вкладка "Advanced"

Вкладка "Advanced" (Расширенные):

Table 4 TMCE.png

Поле Функция (перевод) Описание
Id Идентификатор Идентификатор строки таблицы
Style Стиль Стиль строки таблицы (CSS), значение атрибута style
Language direction Направление письма в языке таблицы Возможны варианты:
  • Non set - не задано
  • Left to right - слева-направо
  • Right to left - справа-налево (для восточных языков)
Language code Языковой код Код языка (значение атрибута lang)
Background image Фоновое изображение Фоновое изображение для строки (адрес файла изображения)
Background color Цвет фона Цвет фона из палитры цветов (при нажатии на кнопку Table Csel TMCE.png вызывается окно выбора цветов, описанное в выборе цвета текста.

Параметры ячейки таблицы

Table cell properties - Параметры ячейки таблицы

Table Cp TMCE.png - открывает окно, которое содержит две вкладки и позволяет задать параметры и атрибуты для ячейки таблицы. В нижней части окна находится поле выбора ячеек, к которым будут применены выбранные параметры и атрибуты:

  • Update current cell - применить к текущей ячейке
  • Update all cells in row - применить ко всем ячейкам в текущей строке
  • Update all rows in table - применить ко всем строкам таблицы

Выбранные параметры вступают в силу после нажатия кнопки "Update". При отказе от применения параметров - нажать "Cancel"

Вкладка "General"

Вкладка "General" (Основные):

Table 5 TMCE.png

Поле Функция (перевод) Описание
Alignment Выравнивание в ячейке Выравнивание информации в ячейке (значение атрибута align)

Варианты:

  • Not set - не установлено
  • Center - по центру
  • Left - по левому краю
  • Right - по правому краю
Cell type Тип ячейки Тип ячейки по содержимому:
  • Data - данные
  • Header - заголовок
Vertical alignment Вертикальное выравнивание Выравнивание информации по вертикали (значение атрибута valign)

Варианты:

  • Top - по верхнему краю
  • Center - по центру
  • Bottom - по нижнему краю
Scope Рассматривать Круг рассматриваемых объектов:
  • Col - колонка
  • Row - строка
  • Row group - группа строк
  • Col group - группа колонок
Width Ширина Ширина ячейки, в пикселях
Height Высота Высота строки, в пикселях
Class Класс Доступные CSS стили, выбираемые из выпадающего списка

 

Вкладка "Advanced"

Вкладка "Advanced" (Расширенные):

Table 6 TMCE.png

Поле Функция (перевод) Описание
Id Идентификатор Идентификатор ячейки (значение атрибута id)
Style Стиль Стиль таблицы (значение атрибута style)
Language direction Направление письма в языке таблицы

Возможны варианты:

  • Non set - не задано
  • Left to right - слева-направо
  • Right to left - справа-налево (для восточных языков)
Language code Языковой код Код языка (значение атрибута lang)
Background image Фоновое изображение Фоновое изображения таблицы (адрес файла изображения)
Border color Цвет рамки Цвет рамки из палитры цветов (при нажатии на кнопку Table Csel TMCE.png вызывается окно выбора цветов, описанное в выборе цвета текста.
Background color Цвет фона Цвет фона из палитры цветов (при нажатии на кнопку Table Csel TMCE.png вызывается окно выбора цветов, описанное в выборе цвета текста.

 

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

Insert row before - Вставить строку перед

Table Irb TMCE.png - добавляет в таблицу строку перед выделенной/активной ячейкой.

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

Insert row after - Вставить строку после

Table Ira TMCE.png - добавляет в таблицу строку после выделенной/активной ячейки.

Удалить строку

Delete row - Удалить строку

Table Dr TMCE.png - удаляет строку с выделенной/активной ячейкой.

Вставить колонку перед

Insert column before - Вставить колонку перед

Table Icb TMCE.png - добавляет в таблицу колонку перед выделенной/активной ячейкой.

Вставить колонку после

Insert column after - Вставить колонку после

Table Ica TMCE.png - добавляет в таблицу колонку после выделенной/активной ячейки.

Удалить колонку

Remove column - Удалить колонку

Table Dc TMCE.png - удаляет колонку с выделенной/активной ячейкой.

Объединить ячейки таблицы

Merge table cells - Объединить ячейки таблицы

Table Mc TMCE.png - объединяет ячейки таблицы, в количестве, заданном в окне:

Table 7 TMCE.png

С текущей ячейкой объединяются ячейки справа и ниже. Количество объединяемых ячеек указывается:

  • Columns - количество объединяемых колонок, включая текущую (количество ячеек по горизонтали, вправо от текущей).
  • Rows - количество объединяемых строк, включая текущую (количество ячеек по вертикали, вниз от текущей).

Разделить ячейки таблицы

Split table cells - Разделить ячейки таблицы

Table Sc TMCE.png - разделяет выделенную ячейку таблицы, если она создана объединением нескольких ячеек. Одиночная ячейка не разделяется.

Valid HTML5