☰

Текстовые редакторы Joomla. Текстовые редакторы в Joomla Визуальный редактор для joomla 2.5

Редактор 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 отказывался работать, и мне пришлось поискать ему замену. Я пробовал массу визуальных редакторов, но нормальной замены редакторам, представленным в этой статье, я не нашел.

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

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

Данный визуальный редактор имеет более 50 различных функций, которые могут вам пригодиться при форматировании текста и для этого вам совсем не обязательно знать HTML. Редактор разделился на версию Pro и Core. После разделения версия Pro имеет в своём составе плагины, версия Core идёт без оных и поставить нельзя (последняя версия позволяющая ставить плагины - 2.5.31). Для скачивания выложена версия Core. Справа от меню появились закладки Editor, Code, Preview.

Функции редактора JCE

  • Форматирование текста с помощью уже известных инструментов и кнопок, которые можно встретить в любом текстовом или визуальном редакторе.
  • Вставка и редактирование таблиц.
  • Вставка изображений при помощи удобного менеджера изображений.
  • Возможность создания ссылок на любые элементы Joomla, на файлы или любые произвольные ссылки.
  • Возможность добавить стиль любому элементу, заранее этот стиль необходимо прописать в файле template.css.
  • Добавление и удаление различных инструментов с панели редактора.
  • Настройка панели редактора по своему вкусу.
  • Возможность создания профилей, например, для администратора и для зарегистрированных посетителей. Благодаря этому можно очень гибко управлять инструментами редактора, которые будут доступны зарегистрированным посетителям.
  • Установка дополнительных языковых пакетов и плагинов.
  • Хорошая кроссбраузерность.

Скачать редактор

От автора: приветствую Вас, дорогой друг. Для создания материалов сайта, администратору необходимо добавить текст, в специальную текстовую область. При этом, его форматирование осуществляется непосредственно в текстовой области, с использованием визуального редактора, от которого, конечно же, зависит продуктивность и удобство работы. Поэтому в данной статье я хотел бы рассмотреть удобный и функциональный редактор — 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.х. Начнем с установки редактора и закончим выставлением его необходимых настроек для работы.
Редактор 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");
и все будет на русском языке.
Если у вас возникли вопросы напишите об этом комментарий. Спасибо за внимание!