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

Для создания материалов на сайте, управляемого 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 3.x – это JCE, который обладает максимальными возможностями для оформления контента. Единственной проблемой может стать его правильная установка и настройка, поэтому их мы рассмотрим в данном уроке. Последняя проверка (и скрины) проводилась на Joomla 3.4.8.

Получение исходных файлов

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

Затем качаем пакет русификации

И плагин JCE MediaBox for Joomla! 3

Установка и настройка редактора JCE для Joomla 3.x

Установка компонента com_jce_2516 и плагина plg_jcemediabox_122_joomla3 происходит обычным способом через Расширения – Менеджер расширений:

Русификатор для редактора JCE и дополнительные плагины устанавливаются только через встроенный инсталлятор компонента JCE:

Компоненты – JCE Administration – Install Add-ons

Для установки русификатора во вкладке Install Add-ons нажимаем на кнопку Browse, выбираем сохраненный архив jce_language_ru-RU_2514 и устанавливаем его, нажав на кнопку Install Package.

После этого переходим во вкладку «Общие настройки редактора», где оставляем все без изменений:

Переходим во вкладку "Профили редактора", выбираем шаблон Default

и нажимаем «Изменить»

В открывшемся окне выбираем «Установки», где можно ничего не менять:

Во вкладке «Особености и макет»

Данные во вкладках «Очистить и вывести», «Типографика» и «Файловая система» оставляем без изменений:

А во вкладке «Расширенные» отмечаем «Да» для позиций: Разрешить Javascript, Разрешить CSS, Разрешить PHP, Встроенные скрипты XHTML.

Теперь переходим в верхнюю вкладку «Параметры плагинов» и отмечаем «птичками» все элементы форматирования:

Наиболее важной я считаю «Буфер обмена», который позволит переносить контент непосредственно из MS Word. Ведь ранее мы не могли это делать напрямую, так как попутно копировалось много лишней информации, приводящей к увеличению размера кода страницы. А это, в свою очередь, приводило к заметному увеличению времени ее загрузки. Такую «служебную» информацию можно увидеть, перейдя в режим HTML при помощи кнопки «Toggle Editor». Вот и копировали мы сначала текст в «Блокнот», а уже из него (без лишнего кода) вставляли в редакторы Joomla.

Теперь же редактор JCE мы настраиваем таким образом, что он автоматически сокращает код страницы из Microsoft Word и оптимизирует его для прямой вставки материала. Выставляем параметры следующим образом:

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

После сохранения:

надо включить редактор JCE, войдя в «Параметры» – «Общие настройки». Выставьте «Редактор - JCE» в ячейке «Редактор по умолчанию»:

Теперь в Менеджере материалов мы видим, что основной редактор – JCE:

Внимание!

administrator/components/com_jce/jce.php

после строки

defined("_JEXEC") or die("RESTRICTED");

пропишите строчку

header("Content-type: text/html; charset=utf-8");

На личном опыте я убедился, что наиболее удобный визуальный редактор для Joomla 3.x – это JCE , который обладает максимальными возможностями для оформления контента. Единственной проблемой может стать его правильная установка и настройка, поэтому их мы рассмотрим в данном уроке. Последняя проверка (и скрины) проводилась на Joomla 3.4.8.

Получение исходных файлов

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

Последние версии копмонента, русификатора и бесплатного плагина :

Компонент JCE com_jce_2516 Depositfiles

Русификатор jce_language_ru-RU_2514 Depositfiles

Плагин plg_jcemediabox_122_joomla3 Depositfiles

Можете самостоятельно скачать с англоязычного сайта:

Заходим на сайт разработчиков по ссылке: joomlacontenteditor и скачиваем версию редактора, которая является последней на сегодняшний день.

Затем качаем пакет русификации

Установка и настройка редактора JCE для Joomla 3.x

Установка компонента com_jce_2516 и плагина plg_jcemediabox_122_joomla3 происходит обычным способом через Расширения – Менеджер расширений :

Русификатор для редактора JCE и дополнительные плагины устанавливаются только через встроенный инсталлятор компонента JCE :

Компоненты – JCE Administration – Install Add-ons

Для установки русификатора во вкладке Install Add-ons нажимаем на кнопку Browse , выбираем сохраненный архив jce_language_ru-RU_2514 и устанавливаем его, нажав на кнопку Install Package .

Подобным образом устанавливаем и дополнительные плагины:

После этого переходим во вкладку «Общие настройки редактора », где оставляем все без изменений:

Переходим во вкладку "Профили редактора ", выбираем шаблон Default

и нажимаем «Изменить »

В открывшемся окне выбираем «Установки », где можно ничего не менять:

Во вкладке «Особености и макет »

редактируем местонахождение кнопок, путем обычного перетаскивания из области «Доступные кнопки панели» в «Текущий макет». Ненужные перетаскиваем в обратном направлении.

в итоге (с вариациями) получаем:

Данные во вкладках «Очистить и вывести », «Типографика » и «Файловая система » оставляем без изменений:

А во вкладке «Расширенные » отмечаем «Да » для позиций: Разрешить Javascript , Разрешить CSS , Разрешить PHP , Встроенные скрипты XHTML .

Теперь переходим в верхнюю вкладку «Параметры плагинов » и отмечаем «V » все элементы форматирования:

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

Наиболее важной я считаю «Буфер обмена », который позволит переносить контент непосредственно из MS Word . Ведь ранее мы не могли это делать напрямую, так как попутно копировалось много лишней информации, приводящей к увеличению размера кода страницы. А это, в свою очередь, приводило к заметному увеличению времени ее загрузки. Такую «служебную» информацию можно увидеть, перейдя в режим HTML при помощи кнопки «Toggle Editor ». Вот и копировали мы сначала текст в «Блокнот», а уже из него (без лишнего кода) вставляли в редакторы Joomla.

Теперь же редактор JCE мы настраиваем таким образом, что он автоматически сокращает код страницы из Microsoft Word и оптимизирует его для прямой вставки материала. Выставляем параметры следующим образом:

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

После сохранения:

надо включить редактор JCE , войдя в «Параметры » – «Общие настройки ». Выставьте «Редактор - JCE » в ячейке «Редактор по умолчанию »:

Теперь в Менеджере материалов мы видим, что основной редактор – JCE :

Внимание!

Часто бывает, что при попытке вставить изображение, во всплывающем окне появляются «кракозябры». Если вы наблюдаете аналогичное, проделайте следующую процедуру:

В файле

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 можно с сайта разработчика.

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

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

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

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

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

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



Примерка © 2024 Решение компьютерных проблем