JCE editor для Joomla 3. Визуальный редактор для Joomla


Визуальный редактор JCE для 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 – Да;
  • Удалить все стили – Да.

JCE editor для Joomla 3. Визуальный редактор для Joomla

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

Топ-пост этого месяца:  Урок 14. Angular 4 NgRx. Редактирование и удаление машин

На закладке Параметры плагина выбираем Буфер обмена и выставляем:

  • Очистка Microsoft Word — «Всегда»
  • Атрибуты классов — «Да»
  • Удалять все SPANS — «Да»
  • Удалять все стили- «Да»

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

Еще один способ не углубляясь в настройки редактора JCE вставлять текст в дополнительное диалоговое окно которое вызывается нажатием иконки Вставить как Обычный текст. Этот способ более чише вставляет текст.

JCE editor для Joomla 3. Визуальный редактор для Joomla

A content editor for Joomla ®

Go Pro and get more from JCE


  • Resize, Thumbnail and Edit images
  • Manage Audio and Video
  • Create styled image captions
  • Manage and create links to files
  • Edit HTML in the Code Editor
  • Write faster with Markdown
  • Get help with dedicated Forum Support
  • And much more.

Installation packages for JCE Editor Pro

JCE Pro requires an active JCE Pro Subscription to download.

Installation packages for JCE Editor Core

JCE Core is the free feature limited version of the JCE Editor

Редактор joomla TinyMCE и его новые фишки

Автор: Эдуард Бунаков · Опубликовано 18 января 2020 · Обновлено 25 февраля 2020

Редактор joomla TinyMCE, который входит в базовый комплект системы, до недавнего времени «славился» слабым и не очень удобным функционалом, но с выходом joomla версии 3.7, разработчики постарались удивить фанатов этого движка. Какие новые возможности есть уже сейчас?

Новые возможности

Прежде всего, настройки редактора joomla TinyMCE, находятся в плагинах системы, в группе editors.

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

Набор 2 — для общей группы

Набор 1 — для менеджеров и авторизованных

Набор 0 — для администраторов, супер администраторов и редакторов

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

Как создать новый набор в редакторе joomla TinyMCE

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

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


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

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

Редактор joomla и его настройки для вставки кода

Наверняка вы в курсе, что некоторые html-теги нельзя просто так вставить в редактор joomla. При сохранении материала, сторонний html-код просто обрезался (до версии joomla 3.5), а теперь оборачивается специальными тегами комментариев.

Для его настройки под группу super users, вначале необходимо:

— Включить параметр «использовать текстовый фильтр Joomla»

— В общих настройках системы, в меню «Фильтры текста», для этой же самой группы установить настройки «нет фильтрации»

В этом случае, супер администратор сможет вставлять не только HTML-код в редактор joomla, но и любой другой.

По такому же принципу настраиваются параметры и для других групп, имеющих право редактировать контент на сайте.

Главное чтобы группа пользователей, для которых в общих настройках указан параметр «нет фильтрации», совпадала с группой настроек редактора tinyMCE.

Внешний вид tinyMCE

Для любителей экстравагантного, в настройках есть ссылка «мастер создания шаблонов », на сайт где можно самостоятельно создать собственную тему для редактора.

После выставления нужных настроек, необходимо скачать созданную тему, распаковать в папку /media/editors/tinymce/skins.

Сохранив настройки, в списке появится новая тема для установки.

Вообще, если прослеживать последнюю тенденцию развития cms-joomla, то явно видно, базовый комплект становится более функциональней. И от некоторых расширений можно уже отказаться.

Например некогда популярный визуальный редактор jce, или плагин Sourcerer, для вставки любого кода в редактор joomla.

Конечно это не все.

У каждого администратора есть свой набор инструментов для своего проекта.

Если так пойдет и дальше, то визуальный редактор joomla TinyMCE в скором будущем по праву будет называться лучший редактор для cms.

Есть запись урока где все эти моменты показаны. Смотреть видео

JCE — лучший редактор для Joomla 2.5/3.5

Дата публикации 22 Январь 2015 . Опубликовано в Редакторы Joomla

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


Точно таким образом устанавливаем необходимые плагины.

Переходим на вкладку «Общие настройки редактора». Здесь оставляем все по умолчанию.

Дальше переходим во вкладку «Профили редактора» и выбираем шаблон Default.

Здесь выбираем «Установки»

В принципе здесь то же можно все оставить по умолчанию.
Вкладка «Особенности и макет» – здесь вы можете отредактировать кнопки необходимые вам путем обычного перетаскивания из «Текущий макет редактора» в «Доступные кнопки» и также обратно. Смотрите рисунок ниже.

Вкладка «Параметры редактора» >»Очистить и вывести» – оставляем по умолчанию.

Вкладка «Параметры редактора» >»Типографика» – здесь тоже нас всё устраивает.

Вкладка «Параметры редактора» >»Файловая система» – оставляем без изменений.

Вкладка «Параметры редактора» >»Расширенные» – меняем «Нет» на «Да» Разрешить 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 и панель его инструментов.

Joomla 3 — Адаптирована для мобильных устройств

Помощь в установке и настройке CMS Joomla

Помощь в оптимизации и работе CMS Joomla

Помощь с компонентами, модулями и плагинами на Joomla

Пишите в Skype: SWD-RGB или на почту 777@swd-rgb.ru

Подробности на сайте — SWD-RGB.ru

Текстовый редактор JCE (Joomla Content Editor) — один из лучших текстовых редакторов для Joomla

JCE — самый популярный визуальный редактор для Joomla, имеет много функций и позволяет легко добавлять и редактировать материалы сайта.

  1. JCE
  2. визуальный редактор
  3. редактор для Joomla

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


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

Текстовый редактор JCE (Joomla Content Editor) по праву является одним из лучших текстовых редакторов для Joomla. Вместе с дополнениями, редактор JCE представляет собой целый пакет для работы практически с любым видом контента.

Скачать текстовый редактор JCE можно по этой ссылке

Скачать — русификатор можно здесь.Выберети язык как показано на рисунке ниже

JCE является расширением Joomla и функционирует как компонент. Устанавливается редактор, как и все остальные расширения, через «Менеджер расширений». Сначала устанавливаем только компонент. Дело в том, что все дополнения для JCE устанавливаются через его внутренний установщик. После установки в меню «Компоненты» появится новый пункт – «JCE Editor», который в свою очередь содержит ещё четыре подпункта меню. Перейдём в подпункт «Install Add-ons»:

Топ-пост этого месяца:  Как организовать города на CMS Wordpress

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

Вступление

В установочный дистрибутив Joomal входит единственный визуальный редактор TinyMCE. Часто визуальные редакторы называют редакторы wisiwyg (визивиг). Перевод соответствует функциям редактора – что видишь, то и получишь.

Редактор Joomla TinyMCE относится к расширениям типа плагин. Соответственно, управление редактором производится на вкладке Расширения→Менеджер плагинов. Тип плагина (название основного каталога) editors, элемент плагина (название каталога плагина) tinymce. Лежит редактор в корневой папке сайта в каталоге: /…/plugins/editors/tinymce.

Важно! Удалять плагин TinyMCE нельзя. Являясь базовым редактором, на нем строится работа других сторонних редакторов Joomla: JCE, CKEditor, Ark Editor (бывший JCK).

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

Исходный функционал редактора TinyMCE скудный, хотя и вполне достаточный для написания статей, вставки фотографий и расстановки ссылок.

Если вы привыкли работать с расширенным функционалом визуальных редакторов, идем в настройки плагина TinyMCE на вкладку: Расширения→Менеджер плагинов и воспользовавшись фильтром по названию TinyMCE, открываем плагин для редактирования.

Расширить функционал редактора можно в строке: Режим редактора (1). Можно выставить три режима: Простой, Стандартный, Расширенный (2). Каждый режим редактора имеет свой набор кнопок визуального редактирования.

В последних версиях Joomla, не помню, с какой версии, убрали стили редактора, оставив, один стиль: lightgray.

Недостатки редактора TinyMCE

К сожалению, для себя я изначально привык работать с редактором JCE и поэтому TinyMCE, субъективно имеет ряд недостатков. Основной из них это неудобное вставление фото в текст. На кнопке «Добавить изображение» фото можно вставить только по него URL. Это неудобно, так как нужно заранее скопировать URLы фотографий в Медиа-менеджере. Однако это удобно, если вы используете для сайта внешние хранилища фотографий.

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

Вернемся к недостаткам TinyMCE. В исправлении неудобства вставки фотографий на помощь приходит сама система Joomla. В системе, по умолчанию установлен плагин: Кнопка — Изображение (тип-editors-xtd, элемент-image). По умолчанию он включении внизу любого визуально редактора, включая внешние, появляется кнопка «Изображение». Она значительно упрощает вставку фото, непосредственно из папок Медиа-менеджера.

Причем, можно вставить фото кнопкой «Изображение», а потом отредактировать его кнопкой «Добавить фото» редактора TinyMCE добавив атрибут alt и title к изображению.

Как отключить редактор

Часто приходится редактировать или добавлять тексты не в визуальном режиме, а в режиме текстового редактора. Для этого не нужно входить в Общие настройки и переключать редакторы на «CodeMirror» или «Без редактора». Достаточно нажать кнопку внизу окна редактора «Выключить редактор».

На этом все! В следующих статьях про редакторы: JCE, JCK, Ark Editor. Сообщение о новых статьях и их анонсы можно получить по почте после подписки.

Joomla! Extensions Directory™

Introduction

An award-winning, configurable WYSIWYG editor for Joomla!

Share

Includes advanced Image, File and Link handling, plugin support, and an Administration interface for editor configuration.

  • Office-like functions and familiar buttons make formatting simple
  • Upload, rename, delete, cut/copy/paste images and insert them into your articles using an intuitive and familiar interface
  • Create Links to Categories, Articles, Weblinks and Contacts in your site using a unique and practical Link Browser
  • Easily tab between WYSIWYG, Code and Preview modes.
  • Create Tables, edit Styles, format text and more.
  • Integrated Spellchecking using your browser’s Spellchecker
  • Fine-grained control over the editor layout and features with Editor Profiles assigned by area, component, usergroup and user.

Визуальный текстовый редактор для Joomla — JCE 2.6.3 Rus

23 декабря 2020г. команда Joomla Content Editor выпустила СРОЧНОЕ обновление своего популярного визуального редактора — JCE 2.6.3.

Компонент JCE включает в себя довольно большой набор инструментов для работы с контентом, и предназначен для упрощения работы только с контентом сайта.

Что нового в JCE 2.6.3

  • Исправлено: пользователь не может быть удален в списке пользователей в профили -> Настройка
  • Исправлено: только последний контент-редактор сохраняется, когда страница содержит несколько редакторов.
  • Исправлено: редактор не загружается, когда профиль содержит ссылки на плагины, которые не установлены.
  • Исправлено: загрузка перетаскиванием не вставляла изображения после завершения загрузки.
  • Исправлено: ширина и высота значения не обновляются при редактировании таблицы.
  • Исправлено: ошибка PHP, когда значение фильтра Каталог не является массивом (из-за ошибки в предыдущей версии).
  • Исправлено: ошибки PHP в PHP 7.1, производит пустые диалоги предупреждений.
  • Исправлено: исходный код, размер шрифта параметр не применяется.
  • Исправлено: профессиональный изображения расширена до 100% ширины, когда подпись применяется.
  • прочее.

Установка компонента

Установка компонента/плагина/модуля производится стандартным образом — см. статью Установка компонентов и плагинов в Joomla.

Редактор JCE для Joomla

Как поменять в Joomla редактор

  • » onclick=»window.open(this.href,’win2′,’status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,w >

Подробности Просмотров: 15037

После установки CMS Joomla и всех необходимых модулей, расширений и плагинов, следующее что мы делаем, это наполняем сайт контентом. Для этого используется установленный по — умолчанию редактор TinyMCE, но он не дает больших возможностей в редактировании контента. Его интерфейс выглядит следующим образом:

Мы его заменим на самый популярный визуальный редактор (WYSIWYG) для Joomla на JCE (Joomla Content Editor). Его возможности намного более богаты, а это только положительно скажется на сайте, а также ускорит вашу работу.

Добавить комментарий