Основным редактором по созданию материалов, которым пользуются большое количество пользователей Joomla является JCE. Его установка и настройка не занимает много времени, сложнее всего разобраться с панелью и значками на ней. Как работать с JCE, для чего нужен каждый значек на панели и как им пользоваться будет рассмотрено в этой статье.
В настройках параметров визуального редактора можно установить расположение значков, а также убрать "лишние". Рассмотрим панель инструментов по-умолчанию. Во время создания/редактирования материала эту панель можно отключить, для этого - нажать show/hide. Теперь о каждой кнопке подробнее:
- справка (на англ.) по работе редактора
- создание нового текста, при этом старый очистится
- добавление жирности, курсива, подчеркивания к выделенному тексту
- изменение шрифта, размера и стиля
- зачеркивание выбранного текста
- выбор положения текста (картинки) на странице
- формат строки (параграф (p), с новой строки (div), заголовок (H1-H6)
- вырезать, копировать выделенный фрагмент
- обычная вставка, из Worda или чистого текста
- поиск вниз\вверх по материалу
- замена одного слова на другое по всему тексту
- цвет шрифта и заливка вокруг шрифта соответственно
- убрать ссылку с выделенного фрагмента
- установка отступа слева и возврат в начальное положение
- отменить/возвратить последнее действие
- установка нумерованного/ненумерованного списка
- вставка/редактирование якоря
- очистка текста от беспорядочного кода
- очистка материала от всех тегов
- установка направления текста (слева/справа)
- вставка смайликов
- размер редактора увеличится во весь экран
- просмотр редактируемого материала в отдельном окне
Создание таблицы 
- кнопка создания таблицы
После нажатия на кнопку создания таблицы, появится окно, в котором можно выбрать количество строк (rows) и количество столбцов (cols), отступы между ячейками (cellspacing) и внутри ячейки (cellpadding). Также можно установить выравнивание (alignment) по-горизонтали, жирность границ (border), ширину (width) и высоту (height).
Во второй вкладке Advanced находятся расширенные настройки, где можно указать стили для таблицы (Style), заливку ячеек (Background color), цвет границы (Border color) и др.
- удаление всей таблицы
- изменение внешнего вида для текущей строки
- изменение вида для выделенной ячейки
- вставка дополнительной строки выше/ниже указанной позиции и удаление указанной строки
- аналогично строкам, вставка столбца до/после выбранной позиции и удаление столбца
- разбиение объединенных ячеек
- слияние выбранных ячеек в одну
- распечатать редактируемый материал
- вставка горизонтальной линии
- установка текста в нижнем или верхнем индексе
- вставка одного из предложенных спецсимволов
- установка дополнительных стилей. Подробнее...
- добавление в текст неразрывного пробела ( )
- визуальный показ тегов в редакторе JCE
- установка текста как цитаты
- расшифровка аббревиатуры, при наведении курсора на текст
- вставка вида аббревиатуры - акронима (начальные части слов)
- вставка и редактирование зачеркнутого текста
- вставка и редактирование подчеркнутого текста
Вставка и редактирование атрибутов
Атрибуты используются для определения поведения текста при наведении, нажатии и т.п. Чтобы назначить атрибут для слова или текста нужно нажать на значек .
В появившемся окне, в первой вкладке можно:
- задать title, который покажется при наведении на текст
- выбрать Class из списка или задать свой
- задать направление текста Text direction
Во второй вкладке Events назначаются события, которые будут происходить при наведении, нажатии и т.д. курсора на ссылку (onfocus, onclick).
- кнопки для вставки изображений и ссылки. Подробнее...
- проверка орфографии (только на англ.)
- окно для вставки и редактирования кода
- разрыв текста, который покажется на сайте кнопкой "Подробнее"
- разрыв длинного текста на установленные части
Внизу JCE редактора расположены дополнительные кнопки, некоторые из которых остаются по-умолчанию, а некоторые могут добавляться от других компонентов, например jComments. А также значки на основной панели могут дополняться новыми после установки плагинов.
Комментарии
Dimon, нужно прописать стили в CSS для тега cite
Ув. Виктор, в статье описано как работать с визуальным редактором, для чего предназначена каждая кнопка на панели. Потому что для многих новичков не всё понятно на панели.