Joomla jce что это

Joomla jce что это

A familiar, powerful, customizable editor for professional content creation

Essential Features

A familiar Office style interface gives you all the tools you need to create rich, engaging content.

Profiles

Fine-grained control over the editor layout and features — by component, device, user group or user.

Images

Upload, manage and insert images using an intuitive and familiar interface. Includes Drag & drop upload and interactive resize.

Easily create links to your Joomla content, email addresses, files, or any other site on the web.

Media

Support for all common video and audio formats out the box, with live preview and interactive resize.

Tables, Styles, Lists

All the standard features for content layout and styling.

File Browser

Manage folders, files and images with the powerful File Browser — in the editor or as a field.

Tools for Pros

Supercharged content creation

Image Editing

Resize, Thumbnail and Watermark images on upload. Transform, Adjust or add simple Filters with the Image Editor.

Manage Media

Upload, manage and insert video and audio with support for all common media types and easy insert of media from providers such as Youtube, Vimeo and more!

Columns

A Flexbox based tool for creating simple responsive horizontal block layouts of equal sized columns for any content.

Captions

Create styled caption boxes on images with multiple options for the perfect layout.

Source Code Editor

A full featured Source Code Editor with code highlighting, search & replace and more.

Markdown

Integrated support for core Markdown features including conversion from pasted content.

Источник

JCE — визуальный редактор для Joomla. Часть 1. Знакомство.

Как известно, Joomla – это система управления контентом. «Контент» в этом определении ключевое слово. Именно на контенте держится весь Интернет. Если для кого-то это слово незнакомо, уточню: контент – это информация в любом ее представлении. Читаете вы сейчас контент, новости и фильмы по ТВ – контент, музыка, смс, да и речь человека тоже контент. Для Интернета, конечно, характерны только некоторые виды контента, но их значение огромно.

Но вернемся к теме статьи. Контентом нужно не только управлять(что предлагают делать нам все CMS-системы), но также его нужно создавать и оформлять. Думаю, гораздо приятнее читать текст, если он написан в едином стиле, а еще лучше стандартизован. Кроме того, вставка в текст изображений при использовании на сайте – довольно специфическая задача. А кроме изображений есть ведь и многое другое.

Сегодняшняя статья открывает серию, посвященную визуальному редактору для Joomla – JCE. В ней вы познакомитесь с этим замечательным редактором, узнаете, чем он лучше стандартного TinyMCE, а также на что он способен.

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

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

Введение.

Так что же такое JCE? Для начала разберемся с аббревиатурой. JCE это сокращение от «Joomla Content Editor», выражения, переводящегося, как редактор содержимого(контента) Joomla.

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

Ну да ладно, опять отвлекся. Вернемся к JCE. Расшифровка аббревиатуры, как и название сайта разработчиков joomlacontenteditor.net (им честь, хвала и прямая ссылка за такое расширение) говорит о том, что такое JCE. JCE – это визуальный редактор для Joomla. Большинству должно быть понятно, но, возможно, не всем, так что уточню. Главный вопрос здесь может быть связан со словом «визуальный». А какие бывают еще, «не визуальные»?

Основным отличием редакторов Joomla(и прочих CMS) от десктопных(например, Word’а) является исходное представление данных. Если Word представляет данные в виде текста с символами форматирования, то JCE представляет их в HTML-коде. Именно HTML является языком Интернета и никакие символы форматирования Word’a здесь не пройдут. Но поскольку HTML знают далеко не все, а работать как-то надо, были придуманы визуальные редакторы, такие, которые имеют инструменты форматирования текста и автоматически преобразуют его в HTML-код. Т.е. пишем статью, как в Word’е, а при просмотре исходного кода видим HTML. JCE, как впрочем и стандартный TinyMCE относятся к таким редакторам.

Читайте также:  Brother hl 2030r разборка принтера

Почему JCE, а не TinyMCE?

Теперь разберемся чем же JCE превосходит встроенный редактор TinyMCE. Дабы не писать много, просто взглянем на рисунок и сравним:

Некоторые читатели заметили, что рисунок со сравнением выше необъективен. Да, действительно так. На нем преставлена стандартная версия TinyMCE. Можно также активировать расширенную. Сравнение расширенной версии со стандартной показано ниже:

Чтобы не создавать споры с любителями TinyMCE я не буду описывать его недостатки в данной статье. Опишу только достоинства JCE.(Если поспорить все-таки хочется, то в комментариях)

Вот несколько самых сладких плюшек JCE:

  • Вставка текста из Word’а c сохранением стилей и форматирования;
  • Удобная загрузка и вставка изображений в контент с возможностью указания размеров;
  • Использование красивых эффектов при увеличении изображения(как, например, в этой статье);
  • Автоматическое создание HTML-таблиц при вставки из Word’a(те, кому доводилось добавлять на сайт табличные данный поймут на сколько это замечательная функция);
  • Возможность создать свой редактор для каждой группы безопасности Joomla (группы пользователей) с выделением отдельной папки для файлов и изображений каждому пользователю(редактор настраивается буквально до кнопки);
  • Просмотр HTML-кода одной кнопкой;
  • Расширяемость с помощью дополнительных плагинов.

Недостатки JCE.

Несмотря на все вышеописанные достоинства JCE также имеет свои недостатки. Хотя это скорее мелкие недоработки. Случается, что JCE бывает капризным и делает не то, что просишь. Особенно это заметно, когда только начинаешь работать с ним. В дальнейшем привыкаешь, подстраиваешься под недостатки и работать становится вполне комфортно.

Напоследок хочу дать один важный совет: никогда не пишите большие статьи в визуальных редакторах. Какими бы хорошими они не были, вероятность потери информации, написанной в них, значительно выше, чем при использовании старого доброго Word’a. Просто представьте: вы пишите в визуальном редакторе статью, пишите долго, часа 2. Когда статья готова, вы откидываетесь на спинку стула и любуетесь результатом своей работы. Все, что остается, это сохранить и опубликовать статью. Вы жмете кнопку «сохранить» и вдруг оказывается что:

  • Интернет не работает
  • Истекло время сессии пользователя
  • Произошел сбой в работе редактора
  • Произошел сбой в работе браузера(что маловероятно, но все-таки возможно)
  • И.т.д.

Кто-то может сказать, что эти причины встречаются редко, но, согласитесь, встречаются.

В итоге вся ваша работа улетучивается. Минимум, что при этом обеспеченно – плохое настроение на весь день. Так что я советую всегда работать в десктопном редакторе, будь то Word или что-то еще. На сегодняшний день они гораздо надежнее, а перенос данных в редактор JCE займет у вас всего несколько секунд(если не говорить про изображения).

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

Источник

widgetfactory/jce

Use Git or checkout with SVN using the web URL.

Work fast with our official CLI. Learn more.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

JCE — A Content Editor for Joomla

JCE is a WYSIWYG Editor extension for the Joomla CMS. Based on the Tinymce WYSIWYG Editor, JCE provides a direct replacement for Joomla’s core WYSIWYG editor, while offering a host of additional features and enhancments to general content editing, as well as a standalone File Browser, and a simple replacement for the Joomla Media Field.

Download and Installation

The JCE Editor Core package can be downloaded for free from the JCE site — https://www.joomlacontenteditor.net/downloads/editor/core — and is installed like all other Joomla Extensions, using the Joomla Installer — https://docs.joomla.org/Installing_an_extension

JCE Pro, which extends JCE Core with a number of advanced features, such as image resizing and editing, media management, Captions and Columns, is available with the purchase of a JCE Pro Subscription

Support is available to JCE Pro Subscribers via the Support Forum

Bugs and issues can be reported and tracked using Issues in this repository.

Источник

Обзор JCE (часть 2). Текстовой редактор Joomla

JCE – бесплатный русскоязычный визуальный редактор Joomla с большим количеством инструментов и настроек. Он позволяет редактировать (форматировать) текст почти везде, где поддерживается редактор Джумла: материалы, описание категорий, модули HTML-код, описание товаров VirtueMart и т.д.. По сути, это расширенный вариант встроенного редактора TinyMCE.

В предыдущей статье «Обзор JCE editor (часть 1). Визуальный редактор Joomla» мы рассмотрели его основные возможности, сравнили платную и бесплатные версии, сравнили JCE и TinyMCE, а также рассмотрели основные настройки редактора.

Эта часть обзора будет посвящена дополнительному плагину 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.

Читайте также:  Коллекция картриджей нинтендо свитч

Есть платная версия – JCE Pro. Стоимость – 29 € (на 07.06.2020). Без привязки к домену. Основные отличия платной и бесплатной версии рассмотрены в статье ниже.

Видео обзор

  • Настройки 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 и Mail.ru.

Ссылки из видео:

JCE mediabox

JCE mediabox – это бесплатный русскоязычный плагин Joomla и редактора JCE для создания всплывающих (попап) окон с изображением (рисунок ниже), видео, аудио, внешними ссылками (iframe) и т.д.. Даже можно создать мини-галереи (переключение между разными объектами во всплывающих окнах).

Если Вас интересует вопрос создания галерей, то ознакомьтесь с расширениями в этом разделе.

Всплывающее окно JCE mediabox

Параметры

Настройки JCE mediabox находятся в Компоненты – Редактор JCE Pro – Параметры JCE MediaBox (рисунок ниже). Тут Вы сможете выбрать тип всплывающего окна, изменить цвет и прозрачность фона окна, задать его ширину и высоту по умолчанию, настроить, в каких компонентах/пунктах меню нужно загружать/обрабатывать плагин JCE mediabox и сконфигурировать другие параметры.

По умолчанию можно ничего не менять.

Настройки JCE mediabox

Создание всплывающих окон в Joomla

Рассмотрим, как можно настроить попап окна в Джумла при помощи редактора JCE и его плагина JCE MediaBox. Предполагается, что редактор и плагин уже установлены.

Пример №1 – всплывающее окно с изображением.

Шаг 1. Перейдите в JCE редактор и вставьте картинку, по нажатию на которую будет открываться всплывающее окно. Это может быть не только картинка, но и текст.

Шаг 2. Выделите картинку и нажмите на инструмент Вставить/изменить ссылку (рисунок ниже).

JCE

Шаг 3. В появившемся окне, в поле Адрес, укажите относительный путь к файлу изображения на Вашем сайте, которое должно открываться во всплывающем окне (рисунок ниже).

com JCE

Шаг 4. В этом же окне перейдите на вкладку Всплывающие окна и в спадающем списке Тип всплывающего окна выберите Всплывающее окно JCE MediaBox (рисунок ниже).

Редактор JCE Joomla

При желании можете указать Название и Заголовок. Они будут показаны во всплывающем окне (рисунок ниже).

Всплывающее окно JCE mediabox (2)

Пример №2 – всплывающее окно с галереей.

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

Визуальный редактор Joomla

На вкладке Всплывающие окна, каждого из изображений, в поле группа укажите название группы (английскими буквами без пробелов) (рисунок ниже). На основании этого названия будет происходить группировка картинок в галерею.

Указание группы изображений

В результате, нажав на любое из изображений (миниатюр), можно будет переключаться между картинками при помощи стрелочек и клавиш на клавиатуре вперёд/назад, а также при помощи пагинации – цифры под изображениями (рисунок ниже).

Всплывающее окно JCE mediabox

Пример №3 – всплывающее окно с YouTube видео.

Шаги 1-2 аналогичны примеру №1. Далее в появившемся окне, в поле Адрес, укажите URL адрес видео с YouTube (рисунок ниже).

Ссылка на YouTube

В этом же окне перейдите на вкладку Всплывающие окна и в спадающем списке Тип всплывающего окна выберите Всплывающее окно JCE MediaBox, а для Тип медиа – Видео Youtube (рисунок ниже).

Тип медиа

Пример №4 – всплывающее окно с фреймом.

Шаги 1-2 аналогичны примеру №1. Далее в появившемся окне, в поле Адрес, укажите любой URL адрес.

Ссылка на любой URL

В этом же окне перейдите на вкладку Всплывающие окна и в спадающем списке Тип всплывающего окна выберите Всплывающее окно JCE MediaBox, а для Тип медиа – Внешняя ссылка IFrame (рисунок ниже).

Тип медиа (2)

Таким образом, меняя адрес и тип медиа, можно выводить разные объекты во всплывающем окне.

Вопросы по JCE

Вопросы и ответы на них взяты с официального сайта разработчика (ссылка 1, ссылка 2). В статье «Видео урок по текстовому редактору JCE в Joomla» есть весьма подробное видео по работе с разными инструментами редактора для вёрстки текста.

Как вернуть старую тему редактора

С JCE 2.8.0 используется новая тема редактора. Если Вам она непривычна, то:

  1. Перейдите в Компоненты – РедакторJCEPro– Профили – Default – Особенности и макет.
  2. Для опции Тема выберите Классическая.
  3. Сохраните профиль.

Настройки применяются только в тех случаях, в которых применяется профиль «Default». Если у Вас другой профиль, то зайдите в него.

Как сохранить форматирование при вставке текста из Word

Если Вы столкнули с ситуаций, когда при вставке текста из Word или других текстовых редакторов пропадает часть форматирования, то:

  1. Перейдите в Компоненты – РедакторJCEPro– Профили – Default – Параметры плагина.
  2. Выберите вкладку Буфер обмена (в левой части страницы) и в поле Сохранять стили укажите стили, которые Вы хотите сохранить (через запятую без пробела). Например: «color,font-family» (рисунок ниже).
Читайте также:  Wordpress include post content

Настройки применяются только в тех случаях, в которых применяется профиль «Default». Если у Вас другой профиль, то зайдите в него.

Буфер обмена

Не загружается файловый менеджер JCE

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

  1. Обновите редактор до версии 2.5.5 или более новой.
  2. Включите плагин «Система — JCE».
  3. Перейдите в Компоненты – РедакторJCEPro– Настройки – Общие параметры и включите опцию Браузер JCE в полях изображений.
  4. Перейдите в Компоненты – РедакторJCEPro– Профили – Default – Особенности и макет и включите опцию Браузер файлов. Настройки применятся только в тех случаях, в которых применяется профиль «Default». Если у Вас другой профиль, то зайдите в него.

Как отключить файловый менеджер JCE в Изображения и ссылки

Если Вы хотите отключить применение файлового менеджера редактора JCE для опций Изображение для вводного текста и Изображение для полного текста на вкладке Изображения и ссылки при редактировании материала (рисунок ниже), перейдите в Компоненты – Редактор JCE Pro – Настройки – Общие параметры и отключите опцию Браузер JCE в полях изображений.

Изображения и ссылки

Не работает «Подробнее»

Если Вы добавили разделитель «Подробнее», а он не отображается на страницах типов пункта меню Блог категории, то перейдите в Материалы – Менеджер материалов – Настройки – Материалы и включите опцию Показывать «Подробнее».

В тексте не сохраняются видео, скрипты, IFrame и HTML теги

Иногда бывают ситуации, когда в редактор нужно вставить видео, скрипты, IFrame и HTML теги, но при сохранении они исчезают. Если у Вас, как у супер администратора, такое происходит, то попробуйте нижеприведённые варианты решения проблем.

  1. Перейдите в Система – Общие настройки – Фильтр текста и для группы Super Users в столбце Тип фильтра 1 выберите Нет фильтрации.
  2. Если проблема не устранена, то перейдите в Компоненты – РедакторJCEPro– Профили – Default – Параметры редактора – Расширенные и выберите Да для одной или нескольких опций, в зависимости от Вашей ситуации: Разрешить Javascript, Разрешить CSS, Разрешить PHP. Настройки применятся только в тех случаях, в которых применяется профиль «Default». Если у Вас другой профиль, то зайдите в него.
  3. Для решения проблемы с удаление айфремов (IFrame) перейдите в Компоненты – РедакторJCEPro– Профили – Default – Параметры плагина – Поддержка медиа и включите опцию IFrames. Настройки применятся только в тех случаях, в которых применяется профиль «Default». Если у Вас другой профиль, то зайдите в него.

Как разрешить/запретить загрузку файлов определённого типа

Для запрета или разрешения загрузки фалов определённого типа через файловый менеджер или менеджер изображений JCE перейдите в Компоненты – Редактор JCE Pro – Профили – Default – Параметры плагина – Браузер файлов и нажмите на иконку редактирования справа от перечня файлов опции Расширения файлов. Такая же опция есть на вкладке Менеджер изображений. Настройки применяться только в тех случаях, в которых применяется профиль «Default». Если у Вас другой профиль, то зайдите в него.

По умолчанию, разрешённых расширений файлов достаточно много. На рисунке ниже показан фрагмент настроек инструмента Браузер файлов. Тут Вы можете отключить возможность загрузки разрешённых типов файлов или добавить новый тип в разрешённые.

Фрагмент настройки браузера файлов

Как ограничить размер загружаемых файлов

Для изменения размера загружаемого файла через файловый менеджер или менеджер изображений JCE перейдите в Компоненты – Редактор JCE Pro – Профили – Default – Параметры редактора и укажите максимальный размер, в килобайтах, в поле Загружаемый файл (КБ). Такая же опция есть на вкладке Параметры плагина – Браузер файлов и Параметры плагина – Медиа менеджер. Настройки применятся только в тех случаях, в которых применяется профиль «Default». Если у Вас другой профиль, то зайдите в него.

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

Как добавить/удалить шрифты

Для добавления/удаления шрифтов, которые можно применять в редакторе, перейдите в Компоненты – Редактор JCE Pro – Профили – Default – Параметры плагина – Шрифт. В строку Имя введите имя шрифта, которое будет отображаться в спадающем списке шрифтов в редакторе. А в строку Шрифты, eg: arial,helvetica,sansserif укажите семейства шрифтов для CSS свойства «font-family» (через запятую без пробела). Можно указать одно или несколько семейств (рисунок ниже).

Шрифт

Данный визуальный редактор Joomla является отличной альтернативой встроенному по умолчанию TinyMCE. Причём, даже в бесплатной версии. А в сочетании с плагином JCE Mediabox Вы сможете получить дополнительные возможности, а также упростить создание всплывающих окон с разным содержимым: фото, видео, айфреймы и т.д..

Автор статьи – Хорошевский Алексей

Примерно с 2008 года и по сегодняшний день создаю сайты «под ключ» на Joomla и WebSite X5. Также занимаюсь их доработкой, SEO-продвижением, контекстной рекламой, защитой от взлома и оптимизацией скорости загрузки сайта.

Кандидат технических наук по специальности «Информационные технологии».

На этом сайте есть контакты и информация обо мне. На нём Вы найдёте примеры моих работ, а также перечень и цены предоставляемых услуг.

Источник

Поделиться с друзьями
КомпСовет
Adblock
detector