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

Дистрибутив CMS Joomla 1.5 имеет удобный текстовый редактор TinyMCE, который имеет большие возможности и позволяет добавлять форматированный текст вместе с таблицами, рисунками, видео. Кроме этого есть улучшенная версия этого редактора с расширенным функционалом, которая называется JCE.

Прежде чем приступать к работе с TinyMCE редактором, нужно зайти в общие настройки и убедиться, активный ли он сейчас (рис. 1).

Добавлять и редактировать таблицы в редакторе TinyMCE очень просто.

Для создания таблицы нужно нажать кнопку «Inserts a new table», после чего появится окно свойств таблицы (рис. 2). В этом окне в закладке «General» нужно указать количество колонок (Colums) и рядков (Rows). Также желательно указать другие параметры форматирования таблицы: Cellpadding (определяет расстояние между текстом в ячейке таблицы и границей ячейки), Cellspacing (определяет расстояние между ячейками таблицы), Alignment (расположение таблицы на странице), Boder (ширина границы таблицы), Width (ширина таблицы), Hight (высота таблицы), Class (Класс таблицы) и Table Caption (заголовок таблицы).

В закладке «Advanced» можно настроить дополнительные параметры, такие как, фоновое изображение, цвет рамки таблицы, цвет фона и др (рис. 3).

После изменения параметров нужно нажать кнопку «Update», что приведет к сохранению их и закрытию окна свойств. При этом в форме редактора появится созданная нами новая таблица. Кроме этого, в панели кнопок форматирования текстового редактора наша кнопка «Inserts a new table» теперь будет иметь назначение для редактирования таблицы, и появляться несколько других кнопок для управления таблицей (рис. 4):
1.    Table row properties (определяют свойства рядков);
2.    Table cell properties (определяют свойства элементов таблицы);
3.    Insert row before (вставляет рядок перед выделенным рядком);
4.    Insert row after (вставляет рядок после выделенного рядка);
5.    Delete row (удаляет рядок).
6.    Insert column before (вставляет колонку перед выделенной колонкой);
7.    Insert column after (вставляет колонку после выделенной колонки);
8.    Delete column (удаляет колонку).
9.    Merge table cells (объединяет элементы таблицы).


Полезной есть кнопка «Toggle guidelines/invisible elements», с помощью которой можно отобразить или убрать невидимые элементы и посмотреть границы таблицы.

Немножко остановимся на объединении ячеек таблицы в одну и разбиении одной ячейки на несколько. Это делается с помощью кнопок «Merge table cells» и «Split merged table cells». Давайте объединим все ячейки нашей таблицы, которую мы создали на рис. 4 верхнего рядка в один рядок. Для этого выделяем верхний рядок и нажимаем кнопку «Merge table cells». Появится таблица с верхним рядком, в котором всего одна колонка (рис. 5). Чтобы разбить этот рядок назад в 4 ячейки мы нажимаем кнопку «Split merged table cells».