Меню
ГлавнаяСвязь

Визуальный редактор для joomla. Расширения для редактора JCE. Распространение редактора JCE

Рассмотрим еще раз самый качественный и продвинутый визуальный редактор материалов для Joomla 2.5/3.х. Широко функциональный инструмент позволяет существенно облегчить и ускорить процесс создания материалов для страниц Вашего сайта. Значительно богаче чем стандартный TinyMCE .

Текстовый редактор JCE (Joomla Content Editor ) это целый пакет расширений. На сайте разработчиков JCE можно скачать сам компонент JCE-Editor , плагины к нему и русификатор . Бесплатно у разработчиков выложен только один плагин - MediaBox .

Установка редактора JCE и плагина JCE MediaBox происходит стандартным способом: Расширения -> Менеджер расширений . Русификатор и остальные плагины устанавливаются через встроенный инсталлятор редактора JCE - Install Add-ons .

После установки, необходимо включить редактор JCE по умолчанию. Сайт -> Общие настройки . В колонке "Редактор по умолчанию" выставляем "Редактор - JCE" .

При копировании и вставке текста из Microsoft Word или из интернета редактор копирует текст вместе со стилями и оформлениями. Редактор JCE не убирает этот “мусор”, и он потом проявляется на вашем сайте. Обычно текст сначала копируют в блокнот, а из него в Joomla.

Однако кое-что можно настроить в редакторе JCE так, чтобы оптимизировать эти манипуляции. В панели управления компонента во вкладке "Профили редактора" открываем шаблон Default .

На закладке Параметры плагина выбираем Буфер обмена и выставляем:

  • Очистка Microsoft Word - "Всегда"
  • Атрибуты классов - "Да"
  • Удалять все SPANS - "Да"
  • Удалять все стили- "Да"

Теперь вставка материала из Microsoft Word в окно редактора JCE с помощью той же комбинаций клавиш Ctrl-C и Ctrl-V или с помощью кнопки Paste в панели инструментов редактора будет осуществляться без ненужного хлама.

Еще один способ не углубляясь в настройки редактора JCE вставлять текст в дополнительное диалоговое окно которое вызывается нажатием иконки Вставить как Обычный текст . Этот способ более чише вставляет текст.

Большую часть работы с 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 как угодно. Например, на вкладке «Особенности и Макет» можно добавить нужные кнопки на панели редактора или наоборот, удалить ненужные, можно задать надписи для кнопок и выбрать тему, можно отключить строку состояния. Настроек – масса

Редактор TinyMCE установлен в системе по умолчанию и является единственным визуальным редактором входящий в набор стандартных расширений дистрибутива Joomla. В менеджере расширений TinyMCE это плагин. Включается/выключается редактор на вкладке Менеджер расширений→Управление . Настраивается на вкладке: Менеджер плагинов.

В настройках можно расширить функционал редактора и изменить режим редактора на режим Расширенный. Это режим добавит в редактор несколько дополнительных функциональных кнопок.

Сторонние визуальные редакторы Joomla 3

Сторонние визуальные редакторы выпускаются в расширении типа компонент. В статье рассмотрим три основных компонента визуальный редактор: JCE, CKEditor, Ark Editor.

Редактор JCE

Визуальный редактор JCE относится к типу расширений Joomla- Компонент. Пожалуй, это самый известный визуальный редактор для Joomla. Редактор на самом деле многофункциональный. «Родной» язык английский, на сайте редактора можно скачать пакеты локализации. Русский перевод достаточно полный. Редактор имеет много настроек. Все настройки на вкладке Компоненты→JCE .

Особенности JCE

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

Недостатки JCE

В редакторе предусмотрена кнопка «Стиль» для оформления текстов. Но настройка кнопки сложная и работает не всегда.

Остаются проблемы активации редактора (Общие настройки→Выбор редактора) при обновлении версии Joomla. Проблема связана в несоответствии версии локализации самой Joomlaи пакета локализации JCE. Устраняется заменой пакета локализации JCEи чисткой кеша сайта и кеша браузера (ctrl+F5).

Редактор CKEditor

Свободный компонент Joomla. Регистрация не нужна даже при скачивании. Редактор простой и легкий и ужасно напоминает встроенный TinyMCE. К недостаткам можно отнести, опять-таки, неудобная вставка фотографий. Они вставляются по URL, а не непосредственно из библиотеки Медиа-менеджера.

class="eliadunit">

Однако к редактору есть расширение CKFinder – Ajax менеджер файлов. С ним вставка фотографий значительно упрощается. Вот только одна неприятность, это расширение платное.

Скачать тут: http://joomlacode.org/gf/project/ckeditor/frs/?action=index

Редактор Ark Editor

Адрес сайта: http://arkextensions.com/products/ark-editor

Редактор Ark Editor это давно известный редактор JCK Editor, но полностью обновленный. Компонент остался бесплатным, но наполнился, не постесняюсь этого слова, огромным функционалом. Достаточно сказать, что с ним подгружаются 13 функциональных плагинов. После его установки я не смог найти того, что нельзя сделать в этом редакторе. Кроме стандартного функционала, большой выбор стилей, добавление в тексты кнопок, размещение текста в столбцах, оформление фотографий в Lightboxнепосредственно из редактора и т.д.

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

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

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 редакторе, используйте кнопку правописание, что находится на панели управления.

Визуальный редактор JCE ( Joomla Content Editor) - один из самых функциональных редакторов для Joomla 3.x. C помощью данного текстового редактора вы сможете легко добавлять и редактировать материалы сайта, изменять их стилевое оформление, не обладая знаниями в CSS , HTML и PHP .

Основные возможности редактора JCE

  • Присутствие базового функционала любого текстового редактора - наличие стандартных кнопок быстрого форматирования и вставки тегов.
  • Удобный инструмент для работы с таблицами.
  • Удобный расширенный медиа-менеджер.
  • Есть возможность вставки быстрых ссылок на файлы сайта, материалы или других ссылок.
  • Возможность быстрого добавления стиля части текста.
  • Добавление и удаление различных инструментов с панели редактора.
  • Возможность настроить панель редактора JCE .
  • Возможность создания разных профилей редактора для разных групп пользователей.
  • Отличная расширяемость плагинами.
  • Кроссбраузерность созданного теста.

Дополнительные расширения для редактора JCE

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

  • плагин для создания подписей к изображениям
  • дополнительный набор смайликов для редактора
  • файловый менеджер
  • файловая система для Amazon S3
  • аддон для редактирования исходного кода любого элемента контента
  • вставка и редактирование фреймов
  • расширенный менеджер изображений
  • медиа-менеджер: вставка Flash , Quicktime , Windows Media и др.
  • аддон всплывающих изображений (popups) для RocketTheme RokBox и WidgetKit Lightbox
  • менеджер шаблонов редактора
  • коммерческий аддон JCE MediaBox
  • и др.

Распространение редактора JCE

Существует бесплатная и платная (Pro ) версия расширения, включающая дополнительные аддоны. Скачать редактор JCE для Joomla 3.x можно с сайта разработчика.