--- title: Обзор JCE (часть 2). Текстовой редактор Joomla description: Бесплатный русскоязычный текстовый редактор Джумла: создание всплывающих окон с фото, видео и фреймами при помощи JCE Mediabox, ответы на частые вопросы canonical_url: https://aleksius.com/joomla/rasshireniya/com-jce language: ru-RU date: 2023-11-11T06:27:30Z notice: This is a machine-friendly version of the page at https://aleksius.com/joomla/rasshireniya/com-jce. markdown-tokens: 3297 --- > **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/joomla/rasshireniya/com-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 (часть 2). Текстовой редактор Joomla - [Видео обзор](https://aleksius.com/joomla/rasshireniya/com-jce#video-obzor "Видео обзор"). - [JCE mediabox](https://aleksius.com/joomla/rasshireniya/com-jce#jce-mediabox "JCE mediabox"). - [Параметры](https://aleksius.com/joomla/rasshireniya/com-jce#parametry "Параметры"). - [Создание всплывающих окон в Joomla](https://aleksius.com/joomla/rasshireniya/com-jce#sozdanie-vsplyvayushchikh-okon-v-joomla "Создание всплывающих окон в Joomla"). - [Вопросы по JCE](https://aleksius.com/joomla/rasshireniya/com-jce#voprosy-po-jce "Вопросы по JCE"). - [Как вернуть старую тему редактора](https://aleksius.com/joomla/rasshireniya/com-jce#kak-vernut-staruyu-temu-redaktora "Как вернуть старую тему редактора"). - [Как сохранить форматирование при вставке текста из Word](https://aleksius.com/joomla/rasshireniya/com-jce#kak-sokhranit-formatirovanie-pri-vstavke-teksta-iz-word "Как сохранить форматирование при вставке текста из Word"). - [Не загружается файловый менеджер JCE](https://aleksius.com/joomla/rasshireniya/com-jce#ne-zagruzhaetsya-fajlovyj-menedzher-jce "Не загружается файловый менеджер JCE"). - [Как отключить файловый менеджер JCE в *Изображения и ссылки*](https://aleksius.com/joomla/rasshireniya/com-jce#kak-otklyuchit-fajlovyj-menedzher-jce-v-izobrazheniya-i-ssylki "Как отключить файловый менеджер JCE в Изображения и ссылки"). - [Не работает «Подробнее»](https://aleksius.com/joomla/rasshireniya/com-jce#ne-rabotaet-podrobnee "Не работает «Подробнее»"). - [В тексте не сохраняются видео, скрипты, IFrame и HTML теги](https://aleksius.com/joomla/rasshireniya/com-jce#v-tekste-ne-sokhranyayutsya-video-skripty-iframe-i-html-tegi "В тексте не сохраняются видео, скрипты, IFrame и HTML теги"). - [Как разрешить/запретить загрузку файлов определённого типа](https://aleksius.com/joomla/rasshireniya/com-jce#kak-razreshit-zapretit-zagruzku-fajlov-opredeljonnogo-tipa "Как разрешить/запретить загрузку файлов определённого типа"). - [Как ограничить размер загружаемых файлов](https://aleksius.com/joomla/rasshireniya/com-jce#kak-ogranichit-razmer-zagruzhaemykh-fajlov "Как ограничить размер загружаемых файлов"). - [Как добавить/удалить шрифты](https://aleksius.com/joomla/rasshireniya/com-jce#kak-dobavit-udalit-shrifty "Как добавить/удалить шрифты"). JCE – бесплатный русскоязычный визуальный редактор Joomla с большим количеством инструментов и настроек. ## Видео обзор - Настройки JCE mediabox – 00:01:05. - Всплывающее окно с изображением – 00:03:04. - Всплывающее окно с галереей – 00:04:37. - Всплывающее окно с YouTube видео – 00:05:52. - Всплывающее окно с фреймом – 00:06:42. - Как вернуть старую тему редактора – 00:07:37. - В тексте не сохраняются видео, скрипты, IFrame и HTML теги – 00:08:35. - Как разрешить/запретить загрузку файлов определённого типа – 00:09:44. - Как ограничить размер загружаемых файлов – 00:10:27. Видео лучше просматривать с качеством 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"). Ссылки из видео: - «[Обзор JCE editor (часть 1). Визуальный редактор Joomla](https://aleksius.com/joomla/rasshireniya/jce "Обзор JCE editor (часть 1). Визуальный редактор Joomla")». Редактор позволяет редактировать (форматировать) текст почти везде, где поддерживается редактор Джумла: материалы, описание категорий, модули *HTML-код*, описание товаров VirtueMart и т.д.. По сути, это расширенный вариант встроенного редактора TinyMCE. В предыдущей статье «[Обзор JCE editor (часть 1). Визуальный редактор Joomla](https://aleksius.com/joomla/rasshireniya/jce "Обзор JCE editor (часть 1). Визуальный редактор Joomla")» мы рассмотрели его основные возможности, сравнили платную и бесплатные версии, сравнили JCE и [TinyMCE](https://aleksius.com/joomla/redaktor-tinymce "Урок по TinyMCE. Визуальный текстовый редактор Joomla 4"), а также рассмотрели основные настройки редактора. Эта часть обзора будет посвящена дополнительному плагину JCE Mediabox, а также ответам на часто задаваемые вопросы касательно работы с com JCE. В обзоре участвует последняя, на момент написания статьи (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 mediabox JCE mediabox – это бесплатный русскоязычный плагин Joomla и редактора JCE для создания всплывающих (попап) окон с изображением (рисунок ниже), видео, аудио, внешними ссылками (iframe) и т.д.. Даже можно создать мини-галереи (переключение между разными объектами во всплывающих окнах). Если Вас интересует вопрос создания галерей, то ознакомьтесь с [расширениями в этом разделе](https://aleksius.com/joomla/galereya "Галереи для Joomla"). ![Всплывающее окно JCE mediabox](https://aleksius.com/images/joomla/rasshireniya/com-jce/vsplyvayushchee-okno-jce-mediabox.png "Всплывающее окно JCE mediabox") Всплывающее окно JCE mediabox ### Параметры Настройки JCE mediabox находятся в *Компоненты – Редактор JCE* *Pro – Параметры JCE MediaBox* (рисунок ниже). Тут Вы сможете выбрать тип всплывающего окна, изменить цвет и прозрачность фона окна, задать его ширину и высоту по умолчанию, настроить, в каких компонентах/пунктах меню нужно загружать/обрабатывать плагин JCE mediabox и сконфигурировать другие параметры. По умолчанию можно ничего не менять. ![Настройки JCE mediabox](https://aleksius.com/images/joomla/rasshireniya/com-jce/nastrojki-jce-mediabox.png "Настройки JCE mediabox") Настройки JCE mediabox ### Создание всплывающих окон в Joomla Рассмотрим, как можно настроить попап окна в Джумла при помощи редактора JCE и его плагина JCE MediaBox. Предполагается, что редактор и плагин уже установлены. ***Пример №1* – всплывающее окно с изображением**. **Шаг 1.** Перейдите в JCE редактор и вставьте картинку, по нажатию на которую будет открываться всплывающее окно. Это может быть не только картинка, но и текст. **Шаг 2.** Выделите картинку и нажмите на инструмент *Вставить/изменить ссылку* (рисунок ниже). ![JCE](https://aleksius.com/images/joomla/rasshireniya/com-jce/jce.png "JCE") JCE **Шаг 3.** В появившемся окне, в поле *Адрес*, укажите относительный путь к файлу изображения на Вашем сайте, которое должно открываться во всплывающем окне (рисунок ниже). ![com JCE](https://aleksius.com/images/joomla/rasshireniya/com-jce/com-jce.png "com JCE") com JCE **Шаг 4.** В этом же окне перейдите на вкладку *Всплывающие окна* и в спадающем списке *Тип всплывающего окна* выберите *Всплывающее окно JCE MediaBox* (рисунок ниже). ![Редактор JCE Joomla](https://aleksius.com/images/joomla/rasshireniya/com-jce/redaktor-jce-joomla.png "Редактор JCE Joomla") Редактор JCE Joomla При желании можете указать *Название* и *Заголовок*. Они будут показаны во всплывающем окне (рисунок ниже). ![Всплывающее окно JCE mediabox (2)](https://aleksius.com/images/joomla/rasshireniya/com-jce/vsplyvayushchee-okno-jce-mediabox-2.png "Всплывающее окно JCE mediabox (2)") Всплывающее окно JCE mediabox (2) ***Пример №2* – всплывающее окно с галереей**. Все шаги аналогичны примеру №1, но нужно добавить несколько картинок (рисунок ниже), можно в разных частях текста. ![Визуальный редактор Joomla](https://aleksius.com/images/joomla/rasshireniya/com-jce/vizualnyj-redaktor-joomla.png "Визуальный редактор Joomla") Визуальный редактор Joomla На вкладке *Всплывающие окна*, каждого из изображений, в поле группа укажите название группы (английскими буквами без пробелов) (рисунок ниже). На основании этого названия будет происходить группировка картинок в галерею. ![Указание группы изображений](https://aleksius.com/images/joomla/rasshireniya/com-jce/ukazanie-gruppy-izobrazhenij.png "Указание группы изображений") Указание группы изображений В результате, нажав на любое из изображений (миниатюр), можно будет переключаться между картинками при помощи стрелочек и клавиш на клавиатуре вперёд/назад, а также при помощи пагинации – цифры под изображениями (рисунок ниже). ![Всплывающее окно JCE mediabox](https://aleksius.com/images/joomla/rasshireniya/com-jce/vsplyvayushchee-okno-jce-mediabox.png "Всплывающее окно JCE mediabox") Всплывающее окно JCE mediabox ***Пример №3* – всплывающее окно с YouTube видео**. Шаги 1-2 аналогичны примеру №1. Далее в появившемся окне, в поле *Адрес*, укажите URL адрес видео с YouTube (рисунок ниже). ![Ссылка на YouTube](https://aleksius.com/images/joomla/rasshireniya/com-jce/ssylka-na-youtube.png "Ссылка на YouTube") Ссылка на YouTube В этом же окне перейдите на вкладку *Всплывающие окна* и в спадающем списке *Тип всплывающего окна* выберите *Всплывающее окно JCE MediaBox*, а для *Тип меди*а – *Видео Youtube* (рисунок ниже). ![Тип медиа](https://aleksius.com/images/joomla/rasshireniya/com-jce/tip-media.png "Тип медиа") Тип медиа ***Пример №4* – всплывающее окно с фреймом.** Шаги 1-2 аналогичны примеру №1. Далее в появившемся окне, в поле *Адрес*, укажите любой URL адрес. ![Ссылка на любой URL](https://aleksius.com/images/joomla/rasshireniya/com-jce/ssylka-na-lyuboj-url.png "Ссылка на любой URL") Ссылка на любой URL В этом же окне перейдите на вкладку *Всплывающие окна* и в спадающем списке *Тип всплывающего окна* выберите *Всплывающее окно JCE MediaBox*, а для *Тип меди*а – *Внешняя ссылка IFrame* (рисунок ниже). ![Тип медиа (2)](https://aleksius.com/images/joomla/rasshireniya/com-jce/tip-media-2.png "Тип медиа (2)") Тип медиа (2) Таким образом, меняя адрес и тип медиа, можно выводить разные объекты во всплывающем окне. ## Вопросы по JCE Вопросы и ответы на них взяты с официального сайта разработчика ([ссылка 1](https://www.joomlacontenteditor.net/support/faq/editor "FAQ"), [ссылка 2](https://www.joomlacontenteditor.net/support/tutorials/editor "Tutorials")). В статье «[Видео урок по текстовому редактору JCE в Joomla](https://aleksius.com/joomla/rasshireniya/jce "Видео урок по текстовому редактору JCE в Joomla")» есть весьма подробное видео по работе с разными инструментами редактора для вёрстки текста. ### Как вернуть старую тему редактора С JCE 2.8.0 используется новая тема редактора. Если Вам она непривычна, то: 1. Перейдите в *Компоненты – Редактор JCE* *Pro – Профили – Default – Особенности и макет*. 2. Для опции *Тема* выберите *Классическая*. 3. Сохраните профиль. Настройки применяются только в тех случаях, в которых применяется профиль «Default». Если у Вас другой профиль, то зайдите в него. ### Как сохранить форматирование при вставке текста из Word Если Вы столкнули с ситуаций, когда при вставке текста из Word или других текстовых редакторов пропадает часть форматирования, то: 1. Перейдите в *Компоненты – Редактор JCE* *Pro – Профили – Default – Параметры плагина*. 2. Выберите вкладку *Буфер обмена* (в левой части страницы) и в поле *Сохранять стили* укажите стили, которые Вы хотите сохранить (через запятую без пробела). Например: «color,font-family» (рисунок ниже). Настройки применяются только в тех случаях, в которых применяется профиль «Default». Если у Вас другой профиль, то зайдите в него. ![Буфер обмена](https://aleksius.com/images/joomla/rasshireniya/com-jce/bufer-obmena.png "Буфер обмена") Буфер обмена ### Не загружается файловый менеджер JCE Если у Вас возникли проблемы с загрузкой/отображением файлового редактора JCE в полях изображений и т.д., попробуйте такие варианты решения ситуации. 1. Обновите редактор до версии 2.5.5 или более новой. 2. Включите плагин «Система - JCE». 3. Перейдите в *Компоненты – Редактор JCE* *Pro – Настройки – Общие параметры* и включите опцию *Браузер JCE в полях изображений*. 4. Перейдите в *Компоненты – Редактор JCE* *Pro – Профили – Default – Особенности и макет* и включите опцию *Браузер файлов*. Настройки применятся только в тех случаях, в которых применяется профиль «Default». Если у Вас другой профиль, то зайдите в него. ### Как отключить файловый менеджер JCE в *Изображения и ссылки* Если Вы хотите отключить применение файлового менеджера редактора JCE для опций *Изображение для вводного текста* и *Изображение для полного текста* на вкладке *Изображения и ссылки* при редактировании материала (рисунок ниже), перейдите в *Компоненты – Редактор JCE* *Pro – Настройки – Общие параметры* и отключите опцию *Браузер JCE в полях изображений*. ![Изображения и ссылки](https://aleksius.com/images/joomla/rasshireniya/com-jce/izobrazheniya-i-ssylki.png "Изображения и ссылки") Изображения и ссылки ### Не работает «Подробнее» Если Вы добавили разделитель «Подробнее», а он не отображается на страницах типов пункта меню *Блог категории*, то перейдите в *Материалы – Менеджер материалов – Настройки – Материалы* и включите опцию *Показывать "Подробнее"*. ### В тексте не сохраняются видео, скрипты, IFrame и HTML теги Иногда бывают ситуации, когда в редактор нужно вставить видео, скрипты, IFrame и HTML теги, но при сохранении они исчезают. Если у Вас, **как у супер администратора**, такое происходит, то попробуйте нижеприведённые варианты решения проблем. 1. Перейдите в *Система – Общие настройки – Фильтр текста* и для группы *Super Users* в столбце *Тип фильтра 1* выберите *Нет фильтрации*. 2. Если проблема не устранена, то перейдите в *Компоненты – Редактор JCE* *Pro – Профили – Default – Параметры редактора – Расширенные* и выберите *Да* для одной или нескольких опций, в зависимости от Вашей ситуации: *Разрешить Javascript, Разрешить CSS, Разрешить PHP*. Настройки применятся только в тех случаях, в которых применяется профиль «Default». Если у Вас другой профиль, то зайдите в него. 3. **Для решения проблемы с удаление айфремов (IFrame)** перейдите в *Компоненты – Редактор JCE* *Pro – Профили – Default – Параметры плагина – Поддержка медиа* и включите опцию *IFrames*. Настройки применятся только в тех случаях, в которых применяется профиль «Default». Если у Вас другой профиль, то зайдите в него. ### Как разрешить/запретить загрузку файлов определённого типа Для запрета или разрешения загрузки фалов определённого типа через файловый менеджер или менеджер изображений JCE перейдите в *Компоненты – Редактор JCE* *Pro – Профили – Default – Параметры плагина – Браузер файлов* и нажмите на иконку редактирования справа от перечня файлов опции *Расширения файлов*. Такая же опция есть на вкладке *Менеджер изображений*. Настройки применяться только в тех случаях, в которых применяется профиль «Default». Если у Вас другой профиль, то зайдите в него. По умолчанию, разрешённых расширений файлов достаточно много. На рисунке ниже показан фрагмент настроек инструмента *Браузер файлов*. Тут Вы можете отключить возможность загрузки разрешённых типов файлов или добавить новый тип в разрешённые. ![Фрагмент настройки браузера файлов](https://aleksius.com/images/joomla/rasshireniya/com-jce/fragment-nastroek-brauzera-fajlov.png "Фрагмент настройки браузера файлов") Фрагмент настройки браузера файлов ### Как ограничить размер загружаемых файлов Для изменения размера загружаемого файла через файловый менеджер или менеджер изображений JCE перейдите в *Компоненты – Редактор JCE* *Pro – Профили – Default – Параметры редактора* и укажите максимальный размер, в килобайтах, в поле *Загружаемый файл (КБ)*. Такая же опция есть на вкладке *Параметры плагина – Браузер файлов* и *Параметры плагина – Медиа менеджер*. Настройки применятся только в тех случаях, в которых применяется профиль «Default». Если у Вас другой профиль, то зайдите в него. Обратите внимание, что размер файла также может быть ограничен настройками на хостинге/сервере. О том, как можно их изменить Вам следует проконсультироваться в службе технической поддержки Вашего хостинг-провайдера. ### Как добавить/удалить шрифты Для добавления/удаления шрифтов, которые можно применять в редакторе, перейдите в *Компоненты – Редактор JCE* *Pro – Профили – Default – Параметры плагина – Шрифт*. В строку *Имя* введите имя шрифта, которое будет отображаться в спадающем списке шрифтов в редакторе. А в строку *Шрифты, eg: arial,helvetica,sans-serif* укажите семейства шрифтов для CSS свойства «font-family» (через запятую без пробела). Можно указать одно или несколько семейств (рисунок ниже). ![Шрифт](https://aleksius.com/images/joomla/rasshireniya/com-jce/shrift.png "Шрифт") Шрифт Данный визуальный редактор Joomla является отличной альтернативой встроенному по умолчанию TinyMCE. Причём, даже в бесплатной версии. А в сочетании с плагином JCE Mediabox Вы сможете получить дополнительные возможности, а также упростить создание всплывающих окон с разным содержимым: фото, видео, айфреймы и т.д.. | Похожие материалы | |---| | - [ Обзор JCE editor (часть 1). Визуальный редактор Joomla ](https://aleksius.com/joomla/rasshireniya/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/images/sluzhebnye/khoroshevskij-aleksej.jpg "Хорошевский Алексей")](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...").