От автора: приветствую Вас, дорогой друг. Для создания материалов сайта, администратору необходимо добавить текст, в специальную текстовую область. При этом, его форматирование осуществляется непосредственно в текстовой области, с использованием визуального редактора, от которого, конечно же, зависит продуктивность и удобство работы. Поэтому в данной статье я хотел бы рассмотреть удобный и функциональный редактор — JCE editor для Joomla 3.

Итак, для тех, кто не знает в Joomla визуальный редактор – это специальная библиотека, а лучше сказать расширение, благодаря которому, информация, редактируемая в текстовой области, будет выглядеть на странице точно так же, как она выглядит непосредственно в редакторе. При этом форматирование осуществляется не ручным прописыванием тегов HTML, и использованием элементов управления редактора. А значит, оформить текст сможет абсолютно любой человек, без наличия специальных знаний.

Как Вы знаете, система управления контентом Joomla, так сказать из коробки, поставляется с двумя встроенными визуальными редакторами — CodeMirror и TinyMCE. Лучшим, конечно, является второй, но все же, по удобству использования, а также гибкости настроек он не совсем хорош. Поэтому я бы рекомендовал, для сайта, на котором, предполагается частое добавление больших материалов со сложным форматированием, использовать более удобный и функциональный редактор.

В данное время создано большое количество различных визуальных редакторов для Joomla 3. В этом мы можем убедиться, перейдя в раздел “Editors”, официального сайта расширений Joomla.

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

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

Но, не спешите пока приступать к работе с новым редактором для джумла 3, так как для более комфортной работы необходимо скачать пакет локализации. Для этого возвращаемся на сайт разработчиков и используя главное меню, переходим на страницу “Languages” (Главное меню->Downloads->Languages).

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого роста с нуля в сайтостроении

Выбрав интересующий язык, кликаем по кнопке “Create Package” для формирования архива, а затем, используя кнопку “Download”, скачиваем готовый к установке пакет локализации. При этом данный пакет, установить при помощи менеджера расширений, не получится, так как это локализация компонента редактора и ее установку необходимо производить с панели управления JCE.

Теперь, необходимо перейти в глобальные настройки CMS Joomla (Главное меню->Сиcтема->Общие настройки) и на вкладке “Сайт”, в выпадающем списке “Редактор по умолчанию”, выбираем только что установленный редактор для Joomla 3.

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

Визуальный редактор JCE Editor, помимо функционала, хорош своей гибкостью в плане настроек. Для доступа к настройкам необходимо перейти в панель управления редактора, используя меню компонентов (Компоненты->JCE Editor).

Для установки пакета локализации, переходим в раздел “Install Add-ons”, выбираем файл с архивом и кликаем по кнопке “Install Package” для установки. После обновления страницы в браузере, установленная локализация будет применена.

В разделе “Общие настройки редактора ” приведены основные настройки редактора.

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

В разделе “Профили редактора” Вы можете создать или отредактировать профиль работы редактора. Профиль – это настройка редактора под конкретную группу пользователей. Как Вы знаете у каждой группы пользователей в Joomla, свои определенные привилегии и полномочия. Соответственно, если для некоторых групп, необходимо ограничить функционал редактора, то есть ограничить количество доступных элементов управления, значит необходимо, либо создать новый профиль, либо отредактировать один из стандартных. Опять же сейчас я не привожу описание настроек профиля, так как их очень много, да и это не требуется – интерфейс страницы настроек интуитивно понятен и к тому же каждый параметр сопровождается подробным описанием.

Таким образом, как Вы видите, редактор 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 вставлять текст в дополнительное диалоговое окно которое вызывается нажатием иконки Вставить как Обычный текст . Этот способ более чише вставляет текст.

Для создания материалов на сайте, управляемого Joomla, администратору необходимо добавлять текст в специальную область; форматирование текста в этой области выполняется при помощи визуального редактора, от которого напрямую зависят возможности форматирования и удобство при выполнении работ.

Стандартно в Joomla встроен редактор TinyMCE, но есть возможность дополнительно установить другой визуальный редактор.

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

Конечно же, форматирование текста в этом редакторе выполняется не при помощи вставки специальных тегов; редактор работает по принципу «что видишь, то и получишь». TinyMCE работает по такому же принципу, однако JCE значительно превосходит его по функциональности. Так, редактор имеет свыше 50 функций, которые могут пригодиться администратору при создании материала; при этом ему вовсе необязательно знать язык HTML, не говоря уже о языках программирования.

Основные функции редактора JCE:

• форматирование текста при помощи уже привычных инструментов и кнопок, которые встречаются в большинстве визуальных редакторов;
• добавление и последующее изменение таблиц;
• добавление ссылок на любые элементы Joomla;
• есть возможность присвоения стиля любому элементу (сам стиль предварительно необходимо прописывать в файле template.css);
• добавление и удаление различных кнопок/инструментов с панели управления;
• создание профилей (например, конкретно для администратора или пользователей, прошедших регистрацию);
• возможность локализации и установка дополнительных плагинов;
• отличная кроссбраузерность.

На официальном ресурсе разработчиков можно получить сам компонент JCE, русификатор к нему и плагины. Правда, заметим, что там доступен лишь один бесплатный плагин под названием MediaBox (сами плагины призваны расширить функционал редактора). Чтобы скачать сам редактор, перейдите по URL: https://www.joomlacontenteditor.net/downloads/editor/joomla-3
https://www.youtube.com/watch?v=h6Og8o3cuUA
После скачивания расширения, поставить его можно дефолтным образом. На этом же этапе стоит поставить себе русификатор. Для этого переходим по ссылке https://www.joomlacontenteditor.net/downloads/languages , выбираем нужный вам язык и жмем кнопку «Create Package» для создания архива, а затем жмем кнопку «Download». Заметим, что поставить локализационный файл стандартным образом не получится: установка производится непосредственно из панели редактора JCE.
Для установки русификации переходим в раздел «Install Add-Ons», выбираем загруженную локализацию и жмем по кнопке «Install Package». Сразу же после перезагрузки страницы редактор будет на русском языке. Теперь переходим в «Глобальные настройки» Joomla и на вкладке «Сайт» в выпадающем меню идем в «Редактор по умолчанию», а тут ищем редактор JCE. Чтобы получить доступ к настройкам редактора, необходимо перейти по пути «Компоненты» – «JCE Editor».

В разделе «Профили редактора» можно создать новый или отредактировать уже существующий профиль работы. Если работали с Joomla, то прекрасно понимаете, что у каждой группы юзеров есть свои привилегии и полномочия; для некоторых групп пользователей возможности редактора можно урезать или наоборот расширить. Описывать все настройки для профиля нет необходимости, ведь их очень много, да и после установки локализации все станет интуитивно понятно.

Многие вставляют текст из Microsoft Word, но после вставки в редактор текст может «перекручиваться» на свой лад. Чтобы этого не происходило, выставьте такие параметры:

• Очистка Microsoft Word – Всегда;
• Атрибуты классов – Да;
• Удалять все Spans – Да;
• Удалить все стили – Да.

https://www.youtube.com/watch?v=r3bUL0mjht4
Теперь после копирования текста из Ворда при помощи кнопки Paste или Ctrl-V вставка текста будет выполняться без ненужного хлама. Вот и все, теперь попробуйте создать новый материал при помощи JCE, и вы сразу же поймете, что этот редактор обладает куда большим функционалом, нежели стандартный.

В этом уроке рассмотрим самый качественный и продвинутый визуальный редактор для создания материала для Joomla 2.5/3.х. Начнем с установки редактора и закончим выставлением его необходимых настроек для работы.
Редактор JCE в отличие от стандартного TinyMCE обладает отдельным компонентом, что делает его более функциональным и настраиваемым. Текстовый редактор JCE (Joomla Content Editor) это целый пакет расширений для работы с практически любым материалом. Широкий функционал инструментов, расположенных в рабочей панели редактора, позволяет значительно облегчить и ускорить процесс создания материалов для страниц Вашего сайта.

На сайте разработчиков JCE можно скачать сам компонент JCE-Editor, плагины к нему и русификатор. Бесплатно у разработчиков выложен только один плагин - MediaBox. О назначении плагинов я напишу в дополнительной статье. Платные плагины значительно расширяют функционал редактора JCE. В конце статьи я дам ссылку на скачивание плагинов из моей библиотеки расширений (без вредоносных скриптов и левых ссылок) У меня эти плагины работают на Joomla 2.5 и Joomla 3.х.
Итак заходим на сайт https://www.joomlacontenteditor.net/downloads/editor/joomla-3 и скачиваем последнюю версию редактора.

Затем скачиваем последнюю версию плагина JCE MediaBox for Joomla!3.

И наконец скачиваем пакет русификации для редактора.

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

Переходим на вкладку "Install Add-ons". Нажимаем Browse - выбираем архив русской локализации для JCE Editor и устанавливаем Install Package.

Точно таким образом устанавливаем необходимые плагины.

Переходим на вкладку "Общие настройки редактора". Здесь оставляем все по умолчанию.

Здесь выбираем "Установки"

В принципе здесь то же можно все оставить по умолчанию.
Вкладка "Особенности и макет" – здесь вы можете отредактировать кнопки необходимые вам путем обычного перетаскивания из "Текущий макет редактора" в "Доступные кнопки" и также обратно. Смотрите рисунок ниже.

Вкладка "Параметры редактора" >"Очистить и вывести" – оставляем по умолчанию.

Вкладка "Параметры редактора" >"Типографика" – здесь тоже нас всё устраивает.

Вкладка "Параметры редактора" >"Файловая система" – оставляем без изменений.

Вкладка "Параметры редактора" >"Расширенные" – меняем "Нет" на "Да" Разрешить Javascript, Разрешить CSS, Разрешить PHP, Встроенные скрипты XHTML.

Теперь переходим к настройкам плагинов. Вкладка "Параметры плагинов" . Отмечаем все элементы форматирования .

Можете пробежаться по всем позициям: Формат, Разрыв статьи, Браузер файлов и т.д. Отдельно хочу остановиться на "Буфере обмена" .

При копировании и вставке текста из Microsoft Word в окно редактора JCE с помощью известных комбинаций клавиш Ctrl-C и Ctrl-V копируется много лишней информации, заключенной в стилях и тегах Microsoft Word . Их можно увидеть перейдя из визуального вида редактора JCE в HTML вид с помощью кнопки "Toggle Editor" . Дело в том, что редактор JCE не убирает этот мусор, что в свою очередь приводит к увеличению объема кода страницы и, как следствие, к увеличению времени ее загрузки. Поэтому, прежде чем вставить статью в окно редактора JCE, материал нужно сначала скопировать в блокнот, а из него в окно редактора JCE.

Однако можно настроить редактор JCE так, чтобы оптимизировать и сократить код без ущерба для вида страницы после вставки материала сразу из Microsoft Word. Выставьте параметры как указано ниже.
Очистка Microsoft Word -выбираем "Всегда" .
Атрибуты классов - "Да".
Удалять все SPANS- "Да".
Удалять все стили- "Да".
Теперь вставка материала из Microsoft Word в окно редактора JCE с помощью той же комбинаций клавиш Ctrl-C и Ctrl-V или с помощью кнопки "Paste" в панели инструментов редактора будет осуществляться без ненужного хлама.
После установки, необходимо включить редактор JCE по умолчанию. Для этого заходим в Сайт > Общие настройки > Сайт . В колонке "Редактор по умолчанию" выставляем "Редактор - JCE" . Далее жмём "Сохранить и закрыть".

В "менеджере материалов" - "создать материал" видим окно редактора JCE и панель его инструментов.

P.S. Если у вас при попытке, вставить изображение в статью во всплывающем окне неожиданно появятся "кракозябры" не огорчайтесь, просто нужно в файл administrator/components/com_jce/jce.php после строчки: defined("_JEXEC") or die("RESTRICTED"); прописать следующую строчку: header("Content-type: text/html; charset=utf-8");
и все будет на русском языке.
Если у вас возникли вопросы напишите об этом комментарий. Спасибо за внимание!

Визуальный редактор 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 можно с сайта разработчика.