Обзор популярных расширений Joomla

Статьи о создании и развитии сайта

Обучающие материалы по верстке HTML\CSS


search

Работа с JCE редактором

jce-workОсновным редактором по созданию материалов, которым пользуются большое количество пользователей Joomla является JCE. Его установка и настройка не занимает много времени, сложнее всего разобраться с панелью и значками на ней. Как работать с JCE, для чего нужен каждый значек на панели и как им пользоваться будет рассмотрено в этой статье.

 

jce

В настройках параметров визуального редактора можно установить расположение значков, а также убрать "лишние". Рассмотрим панель инструментов по-умолчанию. Во время создания/редактирования материала эту панель можно отключить, для этого - нажать show/hide. Теперь о каждой кнопке подробнее:

help- справка (на англ.) по работе редактора

newdoc- создание нового текста, при этом старый очистится

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

font- изменение шрифта, размера и стиля

-- зачеркивание выбранного текста

ravno- выбор положения текста (картинки) на странице

format- формат строки (параграф (p), с новой строки (div), заголовок (H1-H6)

crop-copy- вырезать, копировать выделенный фрагмент

paste- обычная вставка, из Worda или чистого текста

search- поиск вниз\вверх по материалу

search2- замена одного слова на другое по всему тексту

color- цвет шрифта и заливка вокруг шрифта соответственно

link2- убрать ссылку с выделенного фрагмента

otstup- установка отступа слева и возврат в начальное положение

back-forw- отменить/возвратить последнее действие

list- установка нумерованного/ненумерованного списка

anchor- вставка/редактирование якоря

clean- очистка текста от беспорядочного кода

formatting- очистка материала от всех тегов

direction- установка направления текста (слева/справа)

smile- вставка смайликов

fullscr- размер редактора увеличится во весь экран

preview- просмотр редактируемого материала в отдельном окне

 

Создание таблицы table

1table - кнопка создания таблицы

1table1После нажатия на кнопку создания таблицы, появится окно, в котором можно выбрать количество строк (rows) и количество столбцов (cols), отступы между ячейками (cellspacing) и внутри ячейки (cellpadding). Также можно установить выравнивание (alignment) по-горизонтали, жирность границ (border), ширину (width) и высоту (height).

Во второй вкладке Advanced находятся расширенные настройки, где можно указать стили для таблицы (Style), заливку ячеек (Background color), цвет границы (Border color) и др.

2table- удаление всей таблицы

3table - изменение внешнего вида для текущей строки

4table- изменение вида для выделенной ячейки

5table- вставка дополнительной строки выше/ниже указанной позиции и удаление указанной строки

6table- аналогично строкам, вставка столбца до/после выбранной позиции и удаление столбца

7table- разбиение объединенных ячеек

8table- слияние выбранных ячеек в одну

 

print- распечатать редактируемый материал

line - вставка горизонтальной линии

index- установка текста в нижнем или верхнем индексе

symb- вставка одного из предложенных спецсимволов

style- установка дополнительных стилей. Подробнее...

nbsp- добавление в текст неразрывного пробела ( )

viscontrol- визуальный показ тегов в редакторе JCE

citata - установка текста как цитаты

abbr- расшифровка аббревиатуры, при наведении курсора на текст

a.b.c- вставка вида аббревиатуры - акронима (начальные части слов)

del- вставка и редактирование зачеркнутого текста

insert- вставка и редактирование подчеркнутого текста

 

Вставка и редактирование атрибутов

Атрибуты используются для определения поведения текста при наведении, нажатии и т.п. Чтобы назначить атрибут для слова или текста нужно нажать на значек atribut.

atribut1В появившемся окне, в первой вкладке можно:

  • задать title, который покажется при наведении на текст
  • выбрать Class из списка или задать свой
  • задать направление текста Text direction

Во второй вкладке Events назначаются события, которые будут происходить при наведении, нажатии и т.д. курсора на ссылку (onfocus, onclick).

 

imageslink- кнопки для вставки изображений и ссылки. Подробнее...

mistakes- проверка орфографии (только на англ.)

cod- окно для вставки и редактирования кода

more- разрыв текста, который покажется на сайте кнопкой "Подробнее"

pagebreak- разрыв длинного текста на установленные части

 

Внизу JCE редактора расположены дополнительные кнопки, некоторые из которых остаются по-умолчанию, а некоторые могут добавляться от других компонентов, например jComments. А также значки на основной панели могут дополняться новыми после установки плагинов.

Комментарии  

#5 Administrator 13.12.2012 23:38
Цитирую Dimon:
Как изменить стиль показа цитаты???

Dimon, нужно прописать стили в CSS для тега cite
#4 Dimon 13.12.2012 19:26
Как изменить стиль показа цитаты???
#3 Dimon 22.12.2011 15:03
смотри чуть высше коментариев ссылку JCE возле слова Tags:
#2 Administrator 26.09.2011 10:29
Цитирую Виктор:
А где сама работа с JCE ?


Ув. Виктор, в статье описано как работать с визуальным редактором, для чего предназначена каждая кнопка на панели. Потому что для многих новичков не всё понятно на панели.
#1 Виктор 22.09.2011 20:21
А где сама работа с JCE ?

You have no rights to post comments

Joomla SEF URLs by Artio

Комментарии

  • Модуль VTEM Panorama

    Дмитрий
    Доброго времни суток! Несовсем догоняю как привязать к joomshoping те для каждого товара должен ...
     
  • Плагин Edocs

    sveta
    после перехода с http на https плагин перестал работать. Меняла все пути, которые возможно, но не ...
     
  • Компонент JoomShopping. Полезности

    Димы
    Ух, шикарно, спасибо. Изменил карточку товара. Цену и кнопку "В корзину" разместил слева от ...
     
  • Эффективные способы продвижения сайта

    Александр
    Спасибо за полезную и интересную информацию. Продвижение сайтов резко приобрело популярность благодаря ...
     
  • Работа с категориями в K2

    Николай
    Подскажите пожалуйста, пользуюсь Serpstat. Комплексный аудит сайта по метатегам (путь:Аудит сайта ...