Расширения для редактора JCE. JCE (Joomla Content Editor): самый продвинутый редактор для Джумла Визуальный редактор joomla 3

JCE (Joomla Content Editor ) - это самый популярный редактор содержимого (статей) для CMS Joomla . Тысячи администраторов по всему миру выбрали именно его, взамен любых других (например, TinyMCE).

Установить его можно с помощью стандартного установщика Joomla. А именно: Административная панель>Расширения>Установить/Удалить>Загрузить файл пакета.

Почему именно JCE?

Этот редактор намного мощнее и имеет расширенные возможности, по сравнению со стандартным TinyMCE, поддерживает различные расширения, дополнения и плагины, в основном плагины платные. Но даже стандартный набор функций просто потрясает воображение. Попробуйте этот редактор и Вы ни за что от него не откажитесь. Простота, легкость и надежность, многовариативное использование, гибкая настройка, поддержка функций:

Автосохранение страницы через заданное количество секунд;

Возможность задавать профили для каждого пользователя или для группы пользователей;

Медиа обозреватель;

Файловый обозреватель;

Расширенные возможности по вставке всплывающих окон, изображений и медиа-файлов;

Уютный, приятный интерфейс, как стандартный, так и задаваемый пользователем вручную.

В основу редактора положен WYSIWYG способ редактирования содержимого. То есть то, что Вы делаете, то Вы и видите.

Что делать, если установка не удалась?

Если Вы получили сообщение об ошибке при установке, то распакуйте файлы из скачанного zip-архива на свой жесткий диск, откройте свой ftp-каталог сайта Joomla для редактирования (через FileZilla, например |Скачать FileZilla последней версии), зайдите в папку tmp, смело удалите все, что есть в ней, скопируйте файлы из распакованного zip-архива в папку tmp, пройдите в менеджер установки и выберите тип установки:

ВНИМАНИЕ! Уважаемые пользователи, этот компонент довольно большой по объему, поэтому устанавливайте его из папки tmp!

Что делать, если фоновый цвет редактора - черный??

При установке почему-то выбран черный цвет фона редактора. Для устранения этой неурядицы идем в настройки компонента Глобальная конфигурация> Сброс стиля редактора> Да

Большую часть работы с CMS Joomla занимает работа с текстом. И чтобы эта работа была более комфортной, хорошо бы подобрать себе инструмент по вкусу. В этой статье мы познакомимся с текстовыми редакторами, которые наиболее часто используются в Joomla. Это TinyMCE, Code Mirror и JCE. Первые два включены в дистрибутив Joomla. Редактор JCE является расширением сторонних разработчиков. Все три текстовые редакторы обеспечивают комфортную работу не только с текстом, но и с таблицами и изображениями.

Текстовый редактор TinyMCE

Редактор TinyMCE входит в стандартную сборку Joomla и относится к WYSIWYG редакторам. WYSIWYG это сокращение от английской фразы «What You See Is What You Get», что в переводе значит: «Что ты видишь, то ты и получишь». Другими словами это визуальный редактор, в котором пользователь сразу видит результат редактирования, максимально похожий на тот, что будет отображаться на сайте.

В состав Joomla, TinyMCE входит в виде плагина. Для изменения фунций плагина нужно открыть меню «Расширения», далее в «Менеджер плагинов», а затем в списке - плагин «Редактор – TinyMCE» и произвести изменения.

Текстовый редактор CodeMirror

В работе с сайтом на Joomla иногда возникает потребность в редактировании исходного кода. В визуальных текстовых редакторах есть функция для работы с HTML тэгами, но она, как правило, не корректно работает с текстами сценариев (скриптов). К тому же есть профессионалы, которым привычнее работать с материалами сайта в простом текстовом редакторе, используя HTML тэги. Поэтому в стандартный набор Joomla 2.5 входит простой текстовый редактор CodeMirror.
с, так же как и TinyMCE входит в состав Joomla в качестве плагина. . Его полезные свойства в полной мере проявляются при редактировании страниц и каскадных таблиц стилей шаблона, при установке различных счетчиков, скриптов, произвольных html – модулей и т. д.

Текстовый редактор JCE

Текстовый редактор JCE (Joomla Content Editor) по праву является одним из лучших текстовых редакторов для Joomla. Вместе с дополнениями, редактор JCE представляет собой целый пакет для работы практически с любым видом контента.

JCE является расширением Joomla и функционирует как компонент. Устанавливается редактор, как и все остальные расширения, через «Менеджер расширений». Сначала устанавливаем только компонент. Дело в том, что все дополнения для JCE устанавливаются через его внутренний установщик. После установки в меню «Компоненты» появится новый пункт – «JCE Editor», который в свою очередь содержит ещё четыре подпункта меню. Перейдём в подпункт «Install Add-ons»:

Нажимаем на кнопку «Browse», выбираем файл пакета локализации и кликаем по кнопке «Install Package». После установки, язык интерфейса редактора JCE изменится на русский. Теперь вы знаете, как устанавливать дополнения для этого текстового редактора и впоследствии сможете сами добавить нужный вам функционал.
На странице установки / удаления дополнений JCE в правом верхнем углу есть кнопка «Обновления». Если вы хотите содержать cms в актуальном состоянии, то следует периодически устанавливать обновления для JCE. К сожалению, JCE пока не обновляется через общий компонент обновлений расширений Joomla 2.5 и поэтому обновлять его придется отдельно.

В верхней части административного интерфейса JCE расположены четыре ссылки: «Панель управления», «Глобальная конфигурация», «Профили редактора», «Установка дополнений». С установкой дополнений мы уже разобрались, перейдём в панель управления JCE.

Панель управления редактора содержит актуальную информацию о JCE и кнопки доступа к настройкам. Например, кнопка «Браузер файлов» запускает простейший файловый менеджер, который работает в директории «Images» нашего сайта на Joomla. С помощью этого файлового менеджера можно создать папку, загрузить, удалить или переименовать файл, посмотреть его свойства. В правом верхнем углу панели управления JCE находится кнопка «Параметры», которая отвечает за настройку параметров компонента. В параметрах JCE можно настроить разрешения для доступа к разделам управления, ввести ключ обновления для коммерческих дополнений, изменить тип обновлений и ссылку сайта поддержки, включить или отключить ленту новостей JCE.
По кнопке «Глобальная конфигурация» или по одноименной ссылке вверху панели управления JCE переходим в панель настроек глобальной конфигурации компонента.

В этой панели можно настроить кодировку, стили редактора, разделители новых строк и т. д. Полезными опциями являются параметры сжатия. Рекомендуется включить настройки «Сжимать Javascript» и «Сжимать CSS» для ускорения загрузки. Настройки глобальной конфигурации применяются ко всему компоненту. А раз есть глобальные настройки, то должны присутствовать и локальные. Дело в том, что текстовый редактор JCE поддерживает профили. Т.е. можно сохранить определённый набор опция для какого-то конкретного пользователя или группы пользователей. Это очень удобно, когда над редактированием сайта работают несколько человек – можно настроить редактор в соответствии с требованиями, разрешениями и предпочтениями пользователя. Сохраняем изменения в глобальной конфигурации и переходим по ссылке «Профили редактора».

По умолчанию присутствуют два профиля: «Default» и «Front End». Кликаем на «Default» и знакомимся с настройками профиля.

С помощью этих настроек можно сконфигурировать JCE как угодно. Например, на вкладке «Особенности и Макет» можно добавить нужные кнопки на панели редактора или наоборот, удалить ненужные, можно задать надписи для кнопок и выбрать тему, можно отключить строку состояния. Настроек – масса

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

Как скачать и установить редактор JCE

Скачивать редактор нужно с сайта производителя: www.joomlacontenteditor.net Выбираем меню Downloads -> Editor и скачиваем редактор для вашей версии Joomla. Главное не перепутайте версию!

Затем устанавливаем редактор через Менеджер Расширений в админке joomla.

Меню Расширения -> Менеджер Расширений

И осталось применить его, чтобы он заработал. Меню Система -> Общие настройки -> Редактор по умолчанию выбираем в списке JCE.

Русификация редактора JCE

После установки редактора можно его русифицировать если английский вас не устраивает. Для этого на сайте www.joomlacontenteditor.net идем в меню Downloads -> Languages. Внизу в списке выбираем русский язык и жмем кнопку Create Package После этого рядом с ней появится кнопка Download. Скачиваем созданный файл к себе на компьютер.

Для установки языка нужно зайти в меню Компоненты -> Редактор JCE -> Установка дополнений. Выбрать языковой файл и нажать на кнопку Установить пакет

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

Набор инструментов которые можно смело отнести к категории избранных и перво-устанавливаемых для любого сайта работающего на CMS Joomla.

Читайте новое JCE PRO 2.6.2

Все плагины проверены и прекрасно работают на joomla 3.6

Плагин Emotions

Это плагин для вставки иконок смайликов в редакторе JCE.

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

Плагин File Manager - Менеджер файлов

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

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

Плагин Image Manager Extended

Это расширенный менеджер изображений. Он наделён не только всеми свойствами стандартного менеджера изображений, но и некоторыми весьма внушительными дополнениями. Меня впечатлило то как он работает в загрузке изображений - можно закачивать сразу много изображений при этом подгоняя их в размере и с созданием миниатюр (эскизов). Так же умеет редактировать изображения: обрезать, изменять размер, поворачивать.

Ещё в функционале данного плагина есть вот такая примочка с наведением мышки на картинку:

После установки плагина в панели редактора появляется новая кнопка: . Родной менеджер изображений, мы в ручную убираем из панели из за его последующей ненадобности.

Плагин jce_caption

Данный плагин создаёт подпись для изображений с настройками её расположения.

Плагин Media Manager

Плагин для работы с медиа файлами через редактор JCE. Пример результата работы плагина можно оценить на странице Red Hot Chili Peppers , которая полностью создана только при помощи редактора JCE.

После установки видим вот такую новую кнопку в панели JCE редактора.

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

Плагин jce_iframe

Вставка и редактирование встроенных элементов IFrame в контент сайта при помощи редактора JCE. После установки плагина кнопка не добавляется. Её нужно добавлять вручную в настройках профиля редактора во вкладке "Особенности" (нужно перетянуть мышкой в редактор).

Плагин JCE FullPage

Данный плагин позволяет теги МЕТА, HEAD и BODY для любого материала вашего сайта. Кнопка добавляется вручную в настройках профиля редактора.

CMS версий 3.2 / 2.5 / 1.5. За счёт данного визуального редактора можно сделать написание контента на сайте, и его редактирование более удобным и простым, чем в каком либо другом визуальном редакторе WYSWYG.

JCE редактор имеет довольно большой ассортимент полезных функций для работы в админпанели Joomla. Вы сможете оформлять тексты на страницах своего сайта без каких либо знаний языка разметки HTML / XHTML и каскадных таблиц стилей CSS.

JCE редактор для Joomla имеет около 50-и команд, где каждая команда запрограммирована на визуальную кнопку или раскрывающийся список в компоненте.

На сегодняшний день JCE Editor является самым популярным компонентом для джумла движка, которым пользуются подавляющее большинство веб мастеров, кто разрабатывает сайты под управлением Joomla.

Основными преимуществами JCE компонента:

Компонент имеет стандартные кнопки для редактирования контента на сайте, и для удобной работы с графическими изображениями, с удобным интуитивно понятным интерфейсом;
Имеется довольно удобный поиск текста в статьях, пред просмотр размещаемой статьи, гибкая работа с таблицами на сайте;
Редактор позволяет быстро в удобной форме создавать ссылки для разделов на сайте, для категорий, а также статей.
Есть возможность полностью контролировать HTML код каждой размещённой на сайте страницы, JCE компонент удобно подсвечивает открывающиеся и закрывающиеся парные теги, автоматически удаляет не нужный код средактируемых страниц;
Имеется встроенная функция проверки правописания в тексте, реализованная за счёт применения электронной Орфографии (или PSpell и ASpell).

Установка JCE редактора на Joomla сайт осуществляется стандартным методом, то есть через "менеджер расширений" в админ-панели сайта.

Русификация компонента осуществляется путём установки в сам компонент плагина (дополнение (addon) к установленному компоненту).

Чтобы русифицировать JCE редактор, необходимо зайти в админ-панели в "компоненты", далее выбрать "JCE-редактор", потом выбрать "Установка дополнений " и через кнопку обзор выбрать на своём компьютере заранее скаченный zip архив с русификатором JCE. Как только вы установите русификатор, компонент автоматически русифицируется, включая все подсказки в данном WYSWYG редакторе.

Важно! Чтобы русификатор компонента корректно работал, необходимо чтобы сама Joomla CMS также была русифицирована.

Подключение сервиса проверки правописания Яндекс.Спеллер к JCE редактору

Чтобы подключить правописание, вы можете обратиться к инструкции в поисковой системе Яндекс. Как подключить правописание в JCE редактор от Яндекса, читайте на Яндекс.Спеллер .

Как для новичков, так и для опытных пользователей у JCE редактора имеется модифицированная версия, которую вы можете установить себе на сайт. Вам не нужно особо будет возиться с кодом, всё что нужно будет сделать, так это просто включить в профиле JCE редактора использование русского языка для проверки правописания.

Для включения данной опции зайдите в административную часть компонента (Администрирование JCE), далее в "Профили редактора", (тут необходимо выбрать профиль которым вы пользуетесь), например, Default. Далее необходимо будет открыть вкладку "Параметры плагина", далее "Правописание ". Дальше всё что необходимо будет, так это просто включить и установить русский язык первым в вашем списке.

Для использования функции проверки орфографии в JCE редакторе, используйте кнопку правописание, что находится на панели управления.