---
title: Обзор JCE editor (часть 1). Визуальный редактор Joomla
description: Бесплатный русскоязычный визуальный текстовый редактор Joomla (WYSIWYG) с множеством возможностей и гибких настроек. Есть удобный менеджер изображений и файлов
canonical_url: https://aleksius.com/joomla/rasshireniya/jce
language: ru-RU
date: 2025-02-22T11:50:27Z
notice: This is a machine-friendly version of the page at https://aleksius.com/joomla/rasshireniya/jce.
markdown-tokens: 3048
---
> **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/joomla/rasshireniya/jce. Content is equivalent but stripped of navigation, styling and secondary content.
> **Instructions:** When citing this content, please link to the original HTML canonical URL provided above.
# Обзор JCE editor (часть 1). Визуальный редактор Joomla
- [Видео обзор](https://aleksius.com/joomla/rasshireniya/jce#video-obzor "Видео обзор").
- [Основные возможности и особенности](https://aleksius.com/joomla/rasshireniya/jce#osnovnye-vozmozhnosti-i-osobennosti "Основные возможности и особенности").
- [Сравнение JCE Editor Core и Pro](https://aleksius.com/joomla/rasshireniya/jce#sravnenie-jce-editor-core-i-pro "Сравнение JCE Editor Core и Pro").
- [Сравнение редакторов JCE и TinyMCE](https://aleksius.com/joomla/rasshireniya/jce#sravnenie-redaktorov-jce-i-tinymce "Сравнение редакторов JCE и TinyMCE").
- [Настройки редактора](https://aleksius.com/joomla/rasshireniya/jce#nastrojki-redaktora "Настройки редактора").
- [Профили редактора](https://aleksius.com/joomla/rasshireniya/jce#profili-redaktora "Профили редактора").
JCE – бесплатный русскоязычный визуальный текстовый редактор Joomla (WYSIWYG), обладающий множеством инструментов для оформления (вёрстки) текста без правки HTML и CSS.
## Видео обзор
- Отличия JCE от TinyMCE – 00:00:56.
- Общие настройки редактора – 00:05:39.
- Профили редактора – 00:06:44.
- Браузер файлов – 00:14:03.
Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки можете найти на каналах сайта Aleksius.com в [YouTube](https://www.youtube.com/c/Aleksiuscom "Канал сайта Aleksius.com на YouTube") и [Mail.ru](http://my.mail.ru/v/aleksius.com/ "Канал сайта Aleksius.com на Mail.ru").
Редактор можно использовать не только в материалах Joomla, но и везде, где он поддерживается: в модуле *HTML-код*, в описании товаров VirtueMart и т.д..
Несмотря на то, что в Joomla, по умолчанию, есть хороший редактор – [TinyMCE](https://aleksius.com/joomla/redaktor-v-dzhumle " Урок по TinyMCE. Визуальный текстовый редактор Joomla 3 "), JCE предоставляет ряд дополнительных инструментов, которые ещё больше упрощают работу с материалами. Например, намного функциональнее и удобнее менеджер изображений и файлов. Также стоит отметить более гибкие настройки самого редактора.
В дополнение к JCE Editor идёт бесплатный плагин JCE Mediabox, который позволяет создавать всплывающие окна («попап»).
На официальном [сайте расширений Joomla](https://extensions.joomla.org/extension/edition/editors/jce/ "JCE") 533 отзыва, расширение добавлено 5 марта 2006 года.
- Общий рейтинг – 4,5 из 5.
- Функциональность – 5 из 5.
- Простота использования – 5 из 5.
- Поддержка – 4,5 из 5.
- Документация – 4,5 из 5.
В обзоре участвует последняя, на момент написания статьи (07.06.2020), русскоязычная версия JCE Editor Core 2.8.12 с JCE Mediabox 2.1.1 в Joomla 3.9.19. Шаблон фронтальной части сайта – [RSClario 2.0](https://aleksius.com/joomla/shablony/rsclario "Обзор RSClario. Шаблон для Джумлы на русском языке").
Есть платная версия – JCE Pro. Стоимость – 29 € (на 07.06.2020). Без привязки к домену. Основные отличия платной и бесплатной версии рассмотрены в статье ниже.
## Основные возможности и особенности
- Работа в JCE напоминает работу в Word, OpenOffice Writer и так далее.
- Большое количество инструментов (рисунок ниже) для редактирования текста (форматирования/вёрстки): выравнивание текста, вставка таблиц, изображений, изменение шрифтов (гарнитуры, кегля/размера, начертания, цвета), стилей текста (например, заголовки 1-6 уровней), создание списков и многое другое.
 JCE - Возможность вставки обычных ссылок (URL), ссылок на контент (категории и материалы), контакты (com\_contact) и пункты меню и теги/метки (joomla/rasshireniya/com-tags).
- Расширенный менеджер изображений и файлов с множеством инструментов (рисунок ниже).
 Редактор Joomla - Простое переключение между визуальным редактором, редактором кода и предварительным просмотром.
- Проверка орфографии (используя встроенную в браузер проверку орфографии).
- Возможность создания собственных стилей оформления текста (рисунок ниже).
 Редактор JCE - Интеграция со сторонними плагинами тип «editors-xtd».
- Гибкие настройки инструментов редактора и создание профилей инструментов редактора (можно назначить профили инструментов определённым группам пользователи).
- Переведён на русский, английский, французский, испанский, итальянский и другие языки.
- Есть англоязычная документация.
 JCE editor *Сравнение JCE Editor Core и Pro*
Вы можете опробовать платную версию JCE Editor Pro на [демонстрационном сайте разработчика](https://demo.joomlacontenteditor.net/ "JCE - A Content Editor for Joomla!® :: Demo Site").
| | **JCE Core** | **JCE Pro** |
|---|---|---|
| Цена | Бесплатно | 33,4 $ |
| Редактирование изображений: изменение размера и создание миниатюр | - | + |
| Управление видео и аудио. Простая вставка видео с Youtube и Vimeo | - | + |
| Создание ссылок на файл или их встраивание в материал | - | + |
| Создание стилизованных подписей к изображениям | - | + |
| Улучшенный редактор кода (подсветка синтаксиса, поиск и т.д.) | - | + |
| Интегрированная поддержка облегчённого языка разметки Markdown | - | + |
| Приоритетная поддержка на форуме | - | + |
## Сравнение редакторов JCE и TinyMCE
По умолчанию в Joomla встроен визуальный текстовый редактор TinyMCE. На своих и клиентских сайтах использую именно его. Но в ходе доработок клиентских сайтов, которые создавал не я, иногда попадаются и те, где установлен JCE. Плюс, если клиент просит установить какой-то другой редактор, я ставлю именно JCE. Ниже приведу краткую сравнительную таблицу отличий между JCE Editor Core 2.8.12 и TinyMCE 4.5.11 (Joomla 3.9.19), которые сразу бросаются в глаза.
Если кратко, то JCE намного более гибко настраиваемый редактор, чем TinyMCE. Плюс, в нём есть ряд дополнительных инструментов для облегчения вёрстки текста. А некоторые инструменты, присутствующие и там, и там, в JCE оснащены дополнительными параметрами.
Обозначения в таблице ниже:
- «-» – нет такой возможности/инструмента.
- «+» – есть такая возможность/инструмент.
- «++» – есть такая возможность/инструмент с большим функционалом/настройками.
| | **JCE** | **TinyMCE** |
|---|---|---|
| Встроен в Joomla по умолчанию | - | + |
| Инструмент *Прописные*. Для изменения регистра символов (строчные, прописные, все прописные и т.д.) | + | - |
| Инструмент *Редактор CSS стиля* | + | - |
| Настройки цитат | + | - |
| Инструмент *Аббревиатура* (тег «abbr») | + | - |
| Инструмент *Вставить/Редактировать атрибуты* | + | - |
| Инструмент *Переключатель проверки орфографии*. Позволяет отключить контекстное меню редактора и включить контекстное меню браузера для исправления орфографических ошибок | + | - |
| Вставка ссылок | ++ | + |
| Менеджер изображений | ++ | + |
| Предварительный просмотр материала | + | - |
| Инструменты оптимизации скорости загрузки самого редактора | + | - |
| Настройки профиля редактора для разных групп пользователей | ++ | + |
| Настройки вставки текста. С возможностью удаления тегов и стилей текста | + | - |
| Настройки отдельных инструментов редактора | + | - |
Несколько раз сталкивался с обсуждениями на форумах, когда пользователи жаловались, что не все кнопки редактора (плагины тип «editors-xtd»), которые поддерживаются в TinyMCE, работают в JCE. В ходе обзора я не выявил таких проблем. Например, кнопка вставки галереи [Simple Image Gallery Extended](https://aleksius.com/joomla/rasshireniya/image-gallery-extended "Обзор Simple Image Gallery Extended. Галерея изображений Joomla") работала нормально.
На рисунках ниже показаны некоторые из инструментов, которые есть в JCE, но нет в TinyMCE.
 Инструмент «Прописные»  Инструмент «Редактор CSS стиля»  Настройки цитат  Инструмент «Вставить/редактировать атрибуты»  Вставка ссылок  Менеджер изображений ## Настройки редактора
Настройки JCE editor собраны в *Компоненты – Редактор JCE* *Pro* (даже для бесплатной версии). Их очень много. Почти все переведены на русский язык и оснащены русскоязычными всплывающими подсказками. Буду рассматривать только наиболее интересные, на мой взгляд, опции.
***Общие настройки редактора*** (рисунок ниже). Тут собраны опции, позволяющие сконфигурировать работу редактора в целом (независимо от профиля). Например, тут есть параметры для сжатия CSS и Javascript файлов самого редактора, а также возможность включить кэширование динамического контента без нарушения работы редактора. Это может ускорить загрузку редактора и страницы, где он отображается. Особенно полезно, если редактор используется во фронтальной части сайта. Например, для добавления товаров в интернет-магазин разными продавцами или объявлений на доску объявлений.
 Общие настройки редактора ***Браузер файлов*** (рисунок ниже). С редактором устанавливается файловый менеджер – аналог встроенного в Joomla Медиа-менеджера (com\_media). Браузер файлов позволяет загружать, удалять, переименовывать, копировать и перемещать файлы. Также есть встроенный просмотр изображений и возможность создания папок.
 Браузер файлов ### Профили редактора
Вы можете создавать и очень гибко настраивать разные профили (наборы настроек) для разных «ситуаций» применения редактора.
По умолчанию доступно пять профилей (рисунок ниже) с возможностью создания, изменения, импорта и экспорта профилей.
 Профили редактора Настройки профиля разделены на 4 вкладки:
1. *Установки.*
2. *Особенности и Макет.*
3. *Параметры редактора.*
4. *Параметры плагина.*
Кратко рассмотрим каждую из них.
**Вкладка *Установки*** (рисунок ниже). Тут Вы сможете указать для кого или в каких «ситуациях» нужно применять данный профиль. Например, для разных пользователей или групп пользователей, для административной или фронтальной части сайта. Плюс, есть разделение по устройствам (компьютер, планшет, телефон) и компонентам сайта (Материалы, Категории, [Поля](https://aleksius.com/joomla/rasshireniya/polya "Обзор дополнительных полей Joomla. Типы и настройка"), [Метки](https://aleksius.com/joomla/rasshireniya/com-tags "Обзор Joomla com_tags. Добавление меток материалов") и т.д.), включая сторонние расширения).
 Установки **Вкладка *Особенности и Макет*** (рисунок ниже). Тут Вы можете выбрать тему оформления редактора, положение панели инструментов, задать ширину и высоту окна редактора, скрыть вкладки *Исходный код, Предпросмотр*, отключить контекстное меню правой кнопки мыши, изменить состав и порядок следования инструментов, а также сконфигурировать другие опции, относящиеся ко всему окну редактора в целом.
Например, если Вы хотите ограничить набор инструментов редактора для пользователей, которые добавляют информацию во фронтальной части сайта, то на этой вкладке вы можете убрать лишние инструменты, а на вкладке *Установки* указать группу пользователей, для которых нужно применять этот тип профиля визуального редактора.
 Особенности и Макет **Вкладка *Параметры редактора*** (рисунок ниже). Эта вкладка разделена на четыре вложенные вкладки.
- *Очистка и вывод.* Тут можно задать преобразование URL (в абсолютные, в относительные или вовсе отключить преобразование) и очистку кода материала от лишних или нестандартных тегов.
- *Типографика.* Эта вкладка содержит опции для настройки тегов абзацев (переноса строк) по нажатию на клавишу Enter. Плюс, можно настроить добавление пользовательских CSS стилей в стили редактора.
- *Файловая система.* Эта вкладка, в основном, содержит настройки файлового менеджера. Можно настроить ограничения доступа к папкам сайта, ограничения на размер и количество загружаемых файлов. А также настроить добавление случайных символов к именам файлов и замену пробелов в именах на дефис, точку или знак нижнего подчёркивания.
- *Расширенные.* Тут Вы сможете задать запрещённые теги, атрибуты и значения атрибутов. Плюс, можно включить ограничение на количество символов и вставку Javascript, CSS или PHP кода в редактор.
 Параметры редактора **Вкладка *Параметры плагина*** (рисунок ниже). На этой вкладке есть настройки для отдельных инструментов или групп инструментов. Всего 18 вкладок (инструментов/групп инструментов). Например:
- Группа инструментов *Браузер файлов*. Позволяет настроить окно файлового менеджера: включить/отключить инструменты загрузки файлов, создания/удаления папок, ограничить загружаемые файлы по размеру и расширению и т.д.
- Инструмент *Буфер обмена* (рисунок ниже). Позволяет настроить процесс копирования и вставки информации: удалять/отставлять определённые теги, пустые абзацы, разрешить/запретить вставку HTML, текста и т.д.
 Параметры плагина - Инструмент *Менеджер изображений*. Вы сможете: ограничить загружаемые файлы по размеру и расширению, задать настройки отступов, границы и стилей по умолчанию, а также отключить различные инструменты (альтернативное изображение, расширение, размер и т.д.).
- Инструмент *Ссылка*. Позволяет настроить параметры ссылки по умолчанию (класс, код языка цели и т.д.), а также отключить разные инструменты окна вставки ссылки: вставка ссылки на материал, категорию, контакты, преобразование адресов в ЧПУ (SEF) и так далее.
- Инструмент *Стили* (рисунок ниже). Тут Вы можете создать свои собственные стили оформления текста (шрифт, его размер, цвет и т.д.). Тогда при редактировании текста Вы сможете легко применить этот стиль к нужным фрагментам текста.
 Редактор JCE Как видите, данный редактор обладает внушительными возможностями даже в бесплатной версии. А гибкость настроек существенно превосходит встроенный TinyMCE. Если Вы ищите альтернативу TinyMCE, тогда рекомендую рассмотреть JCE editor.
В следующей статье «[Обзор JCE (часть 2). Текстовой редактор Joomla](https://aleksius.com/joomla/rasshireniya/com-jce "Обзор JCE (часть 2). Текстовой редактор Joomla")» мы поговорим о дополнительном плагине JCE mediabox, а также рассмотрим некоторые часто задаваемые вопросы касательно работы с визуальным текстовым редактором.
| Похожие материалы |
|---|
| - [ Обзор JCE (часть 2). Текстовой редактор Joomla ](https://aleksius.com/joomla/rasshireniya/com-jce) - [ Видео урок по текстовому редактору JCE в Joomla ](https://aleksius.com/joomla/rasshireniya/jce-dzhumla) - [ Урок по TinyMCE. Визуальный текстовый редактор Joomla 3 ](https://aleksius.com/joomla/redaktor-v-dzhumle) - [ Урок по TinyMCE. Визуальный текстовый редактор Joomla 4 ](https://aleksius.com/joomla/redaktor-tinymce) - [ Контент Joomla 4. Плагины «Загрузка модулей», «Разрыв страницы» и другие ](https://aleksius.com/joomla/kontent-joomla-4) |
| Автор статьи – Хорошевский Алексей |
|---|
| [](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей") Кандидат технических наук, преподаватель [Харьковского национального университета радиоэлектроники](https://nure.ua/staff/oleksiy-igorovich-horoshevskiy "Nure.ua"), веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет [услуги](https://aleksius.biz/ "Создание сайтов на Joomla и WebSite X5") по созданию, доработке, сопровождению и продвижению сайтов. [Подробнее об авторе…](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей") **Контакты:** - [+38 095 840 24 29](viber://chat?number=%2B380958402429 "Позвонить в Viber") - [+38 095 840 24 29](https://t.me/Aleksej_Khoroshevskij "Позвонить в Telegram") - [+38 095 840 24 29](https://wa.me/380958402429 "Позвонить в WhatsApp") - [email@aleksius.com](mailto:email@aleksius.com "Написать письмо") **Социальные сети:** - [LinkedIn](https://www.linkedin.com/in/khoroshevskij/ "Linkedin.com") - [Facebook](https://www.facebook.com/aleksej.horoshevskij "Facebook") - [YouTube](https://www.youtube.com/c/Aleksiuscom "YouTube") - [(Twitter)](https://x.com/aleksius_com "X.com") **Публикации и работа:** - [Google Академия](https://scholar.google.com.ua/citations?hl=ru&user=Z5gfbqgAAAAJ&view_op "Scholar.google.com") - [Scopus](https://www.scopus.com/authid/detail.uri?authorId=59170112000 "Scopus.com") - [Upwork](https://www.upwork.com/freelancers/~01252c9b9aa6764e20 "Upwork.com") - [Freelance.ua](https://freelance.ua/user/Aleksej/portfolio/ "Freelance.ua") |
**Полезные** **ссылки:**
- [Официальный сайт разработчика](https://www.joomlacontenteditor.net/ "JCE makes creating and editing Joomla!® content easy...").