Большую часть работы с CMS Joomla занимает работа с текстом. И чтобы эта работа была более комфортной, хорошо бы подобрать себе инструмент по вкусу. В этой статье мы познакомимся с текстовыми редакторами, которые наиболее часто используются в Joomla. Это TinyMCE, Code Mirror и JCE. Первые два включены в дистрибутив Joomla. Редактор JCE является расширением сторонних разработчиков. Все три текстовые редакторы обеспечивают комфортную работу не только с текстом, но и с таблицами и изображениями.
Текстовый редактор TinyMCE
Редактор TinyMCE входит в стандартную сборку Joomla и относится к WYSIWYG редакторам. WYSIWYG это сокращение от английской фразы «What You See Is What You Get», что в переводе значит: «Что ты видишь, то ты и получишь». Другими словами это визуальный редактор, в котором пользователь сразу видит результат редактирования, максимально похожий на тот, что будет отображаться на сайте.
В состав Joomla, TinyMCE входит в виде плагина. Для изменения фунций плагина нужно открыть меню «Расширения», далее в «Менеджер плагинов», а затем в списке - плагин «Редактор – TinyMCE» и произвести изменения.
Текстовый редактор CodeMirror
В работе с сайтом на Joomla иногда возникает потребность в редактировании исходного кода. В визуальных текстовых редакторах есть функция для работы с HTML тэгами, но она, как правило, не корректно работает с текстами сценариев (скриптов). К тому же есть профессионалы, которым привычнее работать с материалами сайта в простом текстовом редакторе, используя HTML тэги. Поэтому в стандартный набор Joomla 2.5 входит простой текстовый редактор CodeMirror.
с, так же как и TinyMCE входит в состав Joomla в качестве плагина. . Его полезные свойства в полной мере проявляются при редактировании страниц и каскадных таблиц стилей шаблона, при установке различных счетчиков, скриптов, произвольных html – модулей и т. д.
Текстовый редактор JCE
Текстовый редактор JCE (Joomla Content Editor) по праву является одним из лучших текстовых редакторов для Joomla. Вместе с дополнениями, редактор JCE представляет собой целый пакет для работы практически с любым видом контента.
JCE является расширением Joomla и функционирует как компонент. Устанавливается редактор, как и все остальные расширения, через «Менеджер расширений». Сначала устанавливаем только компонент. Дело в том, что все дополнения для JCE устанавливаются через его внутренний установщик. После установки в меню «Компоненты» появится новый пункт – «JCE Editor», который в свою очередь содержит ещё четыре подпункта меню. Перейдём в подпункт «Install Add-ons»:
Нажимаем на кнопку «Browse», выбираем файл пакета локализации и кликаем по кнопке «Install Package». После установки, язык интерфейса редактора JCE изменится на русский. Теперь вы знаете, как устанавливать дополнения для этого текстового редактора и впоследствии сможете сами добавить нужный вам функционал.
На странице установки / удаления дополнений JCE в правом верхнем углу есть кнопка «Обновления». Если вы хотите содержать cms в актуальном состоянии, то следует периодически устанавливать обновления для JCE. К сожалению, JCE пока не обновляется через общий компонент обновлений расширений Joomla 2.5 и поэтому обновлять его придется отдельно.
В верхней части административного интерфейса JCE расположены четыре ссылки: «Панель управления», «Глобальная конфигурация», «Профили редактора», «Установка дополнений». С установкой дополнений мы уже разобрались, перейдём в панель управления JCE.
Панель управления редактора содержит актуальную информацию о JCE и кнопки доступа к настройкам. Например, кнопка «Браузер файлов» запускает простейший файловый менеджер, который работает в директории «Images» нашего сайта на Joomla. С помощью этого файлового менеджера можно создать папку, загрузить, удалить или переименовать файл, посмотреть его свойства. В правом верхнем углу панели управления JCE находится кнопка «Параметры», которая отвечает за настройку параметров компонента. В параметрах JCE можно настроить разрешения для доступа к разделам управления, ввести ключ обновления для коммерческих дополнений, изменить тип обновлений и ссылку сайта поддержки, включить или отключить ленту новостей JCE.
По кнопке «Глобальная конфигурация» или по одноименной ссылке вверху панели управления JCE переходим в панель настроек глобальной конфигурации компонента.
В этой панели можно настроить кодировку, стили редактора, разделители новых строк и т. д. Полезными опциями являются параметры сжатия. Рекомендуется включить настройки «Сжимать Javascript» и «Сжимать CSS» для ускорения загрузки. Настройки глобальной конфигурации применяются ко всему компоненту. А раз есть глобальные настройки, то должны присутствовать и локальные. Дело в том, что текстовый редактор JCE поддерживает профили. Т.е. можно сохранить определённый набор опция для какого-то конкретного пользователя или группы пользователей. Это очень удобно, когда над редактированием сайта работают несколько человек – можно настроить редактор в соответствии с требованиями, разрешениями и предпочтениями пользователя. Сохраняем изменения в глобальной конфигурации и переходим по ссылке «Профили редактора».
По умолчанию присутствуют два профиля: «Default» и «Front End». Кликаем на «Default» и знакомимся с настройками профиля.
С помощью этих настроек можно сконфигурировать JCE как угодно. Например, на вкладке «Особенности и Макет» можно добавить нужные кнопки на панели редактора или наоборот, удалить ненужные, можно задать надписи для кнопок и выбрать тему, можно отключить строку состояния. Настроек – масса
От автора: приветствую Вас, дорогой друг. Для создания материалов сайта, администратору необходимо добавить текст, в специальную текстовую область. При этом, его форматирование осуществляется непосредственно в текстовой области, с использованием визуального редактора, от которого, конечно же, зависит продуктивность и удобство работы. Поэтому в данной статье я хотел бы рассмотреть удобный и функциональный редактор — JCE editor для Joomla 3.
Итак, для тех, кто не знает в Joomla визуальный редактор – это специальная библиотека, а лучше сказать расширение, благодаря которому, информация, редактируемая в текстовой области, будет выглядеть на странице точно так же, как она выглядит непосредственно в редакторе. При этом форматирование осуществляется не ручным прописыванием тегов HTML, и использованием элементов управления редактора. А значит, оформить текст сможет абсолютно любой человек, без наличия специальных знаний.
Как Вы знаете, система управления контентом Joomla, так сказать из коробки, поставляется с двумя встроенными визуальными редакторами — CodeMirror и TinyMCE. Лучшим, конечно, является второй, но все же, по удобству использования, а также гибкости настроек он не совсем хорош. Поэтому я бы рекомендовал, для сайта, на котором, предполагается частое добавление больших материалов со сложным форматированием, использовать более удобный и функциональный редактор.
В данное время создано большое количество различных визуальных редакторов для Joomla 3. В этом мы можем убедиться, перейдя в раздел “Editors”, официального сайта расширений Joomla.
Каждое из доступных расширений обладает определенными достоинствами и недостатками, но все же, как показала практика, редактор JCE для Joomla 3, является наиболее удобным и функциональным. Поэтому кликаем, по заголовку данного редактора и переходим на страницу его описания.
Скачав, расширение редактора, в виде архива формата.zip, устанавливаем его стандартным образом, используя менеджер расширений.
Но, не спешите пока приступать к работе с новым редактором для джумла 3, так как для более комфортной работы необходимо скачать пакет локализации. Для этого возвращаемся на сайт разработчиков и используя главное меню, переходим на страницу “Languages” (Главное меню->Downloads->Languages).
Современные тенденции и подходы в веб-разработке
Узнайте алгоритм быстрого роста с нуля в сайтостроении
Выбрав интересующий язык, кликаем по кнопке “Create Package” для формирования архива, а затем, используя кнопку “Download”, скачиваем готовый к установке пакет локализации. При этом данный пакет, установить при помощи менеджера расширений, не получится, так как это локализация компонента редактора и ее установку необходимо производить с панели управления JCE.
Теперь, необходимо перейти в глобальные настройки CMS Joomla (Главное меню->Сиcтема->Общие настройки) и на вкладке “Сайт”, в выпадающем списке “Редактор по умолчанию”, выбираем только что установленный редактор для Joomla 3.
После, сохранения настроек, перейдем в менеджер материалов и на странице добавления нового материала, проверим работоспособность нового визуального редактора.
Визуальный редактор JCE Editor, помимо функционала, хорош своей гибкостью в плане настроек. Для доступа к настройкам необходимо перейти в панель управления редактора, используя меню компонентов (Компоненты->JCE Editor).
Для установки пакета локализации, переходим в раздел “Install Add-ons”, выбираем файл с архивом и кликаем по кнопке “Install Package” для установки. После обновления страницы в браузере, установленная локализация будет применена.
В разделе “Общие настройки редактора ” приведены основные настройки редактора.
Как Вы видите, настроек достаточно много, но я сейчас не буду их комментировать, так как для каждой из них приведено хорошее описание на русском языке.
В разделе “Профили редактора” Вы можете создать или отредактировать профиль работы редактора. Профиль – это настройка редактора под конкретную группу пользователей. Как Вы знаете у каждой группы пользователей в Joomla, свои определенные привилегии и полномочия. Соответственно, если для некоторых групп, необходимо ограничить функционал редактора, то есть ограничить количество доступных элементов управления, значит необходимо, либо создать новый профиль, либо отредактировать один из стандартных. Опять же сейчас я не привожу описание настроек профиля, так как их очень много, да и это не требуется – интерфейс страницы настроек интуитивно понятен и к тому же каждый параметр сопровождается подробным описанием.
Таким образом, как Вы видите, редактор JCE действительно более удобен, нежели инструменты, которые поставляются в стандартном функционале. Более подробно, работа с данным редактором, рассмотрена в курсе .
На этом данный урок завершен. Всего Вам доброго и удачного кодирования!!!
Современные тенденции и подходы в веб-разработке
Узнайте алгоритм быстрого роста с нуля в сайтостроении
JCE (Joomla Content Editor ) - это самый популярный редактор содержимого (статей) для CMS Joomla . Тысячи администраторов по всему миру выбрали именно его, взамен любых других (например, TinyMCE).
Установить его можно с помощью стандартного установщика Joomla. А именно: Административная панель>Расширения>Установить/Удалить>Загрузить файл пакета.
Почему именно JCE?
Этот редактор намного мощнее и имеет расширенные возможности, по сравнению со стандартным TinyMCE, поддерживает различные расширения, дополнения и плагины, в основном плагины платные. Но даже стандартный набор функций просто потрясает воображение. Попробуйте этот редактор и Вы ни за что от него не откажитесь. Простота, легкость и надежность, многовариативное использование, гибкая настройка, поддержка функций:
Автосохранение страницы через заданное количество секунд;
Возможность задавать профили для каждого пользователя или для группы пользователей;
Медиа обозреватель;
Файловый обозреватель;
Расширенные возможности по вставке всплывающих окон, изображений и медиа-файлов;
Уютный, приятный интерфейс, как стандартный, так и задаваемый пользователем вручную.
В основу редактора положен WYSIWYG способ редактирования содержимого. То есть то, что Вы делаете, то Вы и видите.
Что делать, если установка не удалась?
Если Вы получили сообщение об ошибке при установке, то распакуйте файлы из скачанного zip-архива на свой жесткий диск, откройте свой ftp-каталог сайта Joomla для редактирования (через FileZilla, например |Скачать FileZilla последней версии), зайдите в папку tmp, смело удалите все, что есть в ней, скопируйте файлы из распакованного zip-архива в папку tmp, пройдите в менеджер установки и выберите тип установки:
ВНИМАНИЕ! Уважаемые пользователи, этот компонент довольно большой по объему, поэтому устанавливайте его из папки tmp!
Что делать, если фоновый цвет редактора - черный??
При установке почему-то выбран черный цвет фона редактора. Для устранения этой неурядицы идем в настройки компонента Глобальная конфигурация> Сброс стиля редактора> Да
Плагины для расширения функциональных возможностей редактора JCE, которые значительно расширят функционал сайта и упростят вашу работу с сайтом.
Набор инструментов которые можно смело отнести к категории избранных и перво-устанавливаемых для любого сайта работающего на CMS Joomla.
Читайте новое JCE PRO 2.6.2
Все плагины проверены и прекрасно работают на joomla 3.6
Плагин Emotions
Это плагин для вставки иконок смайликов в редакторе JCE.
После установки видим вот такую новую кнопку со смайликом в панели JCE редактора. При нажатии в всплывающем окне появляется панель смайликов. Удобно если вы часто используете какие либо иконки. По сути, это быстрый доступ и вставка изображений из заданной в настройках плагина папки.
Плагин File Manager - Менеджер файлов
Загрузка, переименование, удаление файлов самых разных форматов, а так же вставка ссылок на файлы с настраивающимся описанием. , которые включают дату файла, размер и значок. После установки плагина в панеле редактора появляется вот такая новая кнопка .
Плагин похож на Менеджер изображений, с той лишь разницей, что показывает и может производить манипуляции со всеми видами файлов, а не только с файлами изображений.
Плагин Image Manager Extended
Это расширенный менеджер изображений. Он наделён не только всеми свойствами стандартного менеджера изображений, но и некоторыми весьма внушительными дополнениями. Меня впечатлило то как он работает в загрузке изображений - можно закачивать сразу много изображений при этом подгоняя их в размере и с созданием миниатюр (эскизов). Так же умеет редактировать изображения: обрезать, изменять размер, поворачивать.
Ещё в функционале данного плагина есть вот такая примочка с наведением мышки на картинку:
После установки плагина в панели редактора появляется новая кнопка: . Родной менеджер изображений, мы в ручную убираем из панели из за его последующей ненадобности.
Плагин jce_caption
Данный плагин создаёт подпись для изображений с настройками её расположения.
Плагин Media Manager
Плагин для работы с медиа файлами через редактор JCE. Пример результата работы плагина можно оценить на странице Red Hot Chili Peppers , которая полностью создана только при помощи редактора JCE.
После установки видим вот такую новую кнопку в панели JCE редактора.
По интерфейсу абсолютно похож на Image и File Manager"ы, что значительно упрощает понимание и работу с данным расширением. Единственная разница в том, что плагин работает исключительно с медиа контентом.
Плагин jce_iframe
Вставка и редактирование встроенных элементов IFrame в контент сайта при помощи редактора JCE. После установки плагина кнопка не добавляется. Её нужно добавлять вручную в настройках профиля редактора во вкладке "Особенности" (нужно перетянуть мышкой в редактор).
Плагин JCE FullPage
Данный плагин позволяет теги МЕТА, HEAD и BODY для любого материала вашего сайта. Кнопка добавляется вручную в настройках профиля редактора.
В сегодняшнем уроке уважаемые читатели блога мы с вами рассмотрим компонент JCE-Editor лучший редактор Joomla 2.5 . Почему лучший? Да потому что его функционал просто поражает. Скажу честно, что я всех его возможностей тоже не знаю. Использую только малую толику, но и этого вполне хватает. Расскажу о том, что знаю сам.
Текстовый редактор JCE (расшифровывается как Joomla Content Editor) представляет из себя целый пакет расширений для работы с любым практически контентом.
Важно! Плагины устанавливаются не через Расширения > Менеджер расширений , а через установщик самого компонента JCE-Editor .
После установки необходимых нам плагинов так же через установщик самого компонента JCE-Editor производим русификацию компонента.
С установкой расширения JCE-Editor мы закончили и переходим к его настройке.
Переходим на вкладку Глобальная конфигурация. Здесь оставляем все по умолчанию.
В принципе здесь то же можно все оставить по умолчанию. Единственное что, это вы можете назначить Группы пользователей для отображения редактора.
Вкладка особенности - здесь вы можете отредактировать кнопки какие необходимы путем простого перетаскивания из Текущий макет редактора в Доступные кнопки и обратно. Или поменять кнопки местами отредактировав, сгруппировав их под себя.
Вкладка Параметры редактора > Установки - оставляем по умолчанию.
Вкладка Параметры редактора > Параметры - в верхней части все интуитивно понятно. Если нет необходимости что то менять, то оставляем как есть.
А вот в нижней части настроек меняем Нет на Да Разрешить Javascript, Разрешить CSS, Разрешить PHP, Разрешить Applet , Показать все символы. И еще можно поменять на русское Вкл/Выкл Метку переключателя редактора.
Вкладка Параметры редактора > Файловая система - оставляем без изменений.
Теперь переходим к настройкам плагинов. Вкладка Параметры плагинов. Здесь уже будет поинтересней.
Рассматриваем все по порядку сверху вниз. Настройки плагинов Разрыв статьи, Браузер файлов не трогаем.
Честно говоря не разбирался. Понимаю, что это настройки визуализации таблиц создаваемых в материале. Если хотите, и есть время, поэкспериментируйте сами.
Файловый менеджер. В настройках можете указать путь к определенной папке где будут содержаться ваши файлы. По умолчанию текстовый редактор JCE-Editor открывает папку images. В это поле можно добавить папку допустим file и при нажатии на кнопку в редакторе Добавить файл будете попадать именно туда. Прошу обратить внимание на настройку параметров Значение по умолчанию. Здесь вы можете задать как будет открываться файл: в этом окне, в новом окне и т.д. А так же включить иконку формата файла, дату файла и его размер. Рекомендую их включить. Данные параметры будут добавляться к файлу автоматически.
Особенно акцентирую ваше внимание на параметр Допустимые расширения файлов . Очень важный параметр, скрытый за неприметной кнопочкой. Очень долго я мучился, не понимая, почему редактор JCE-Editor не видит архив RAR. Данного расширения просто нет в настройках по умолчанию. Поэтому рекомендую внимательно относится к этой кнопке в настройках всех плагинов этого редактора. Так как не все используемые вами форматы на сайте могут там быть. Добавляется формат через кнопку добавить.
Здесь все интуитивно понятно. Особенно задерживаться не будем. Рекомендую ничего не трогать, только проверить все ли форматы нужные вам прописаны в настройках.
Здесь на что нужно обратить внимание так на то, что можно сразу задать параметр для всех ссылок открываться в новом окне или фрейме.
Все понятно. проблем не должно возникнуть.
Можете создать папку в images и указать к ней путь. Проверить все ли расширения файлов необходимые вам прописаны.
Не разбирался. Оставлял по умолчанию.
Тут то же все понятно.
В Менеджер шаблонов оставляем все параметры как есть.
Ну вот вроде все, настройки разобрали, осталось чуть чуть это включить сам редактор . Вернее сделать его редактором по умолчанию.
Заходим в Сайт > Общие настройки > Сайт.
В настройках параметра Редактор по умолчанию выбираем Editor-JCE.
Заходим в менеджер материалов. Создаем новый материал и у нас Editor-JCE по умолчанию.
При подведении к кнопке указателя мыши появляется подсказка что это за кнопка. Посмотрите и разберитесь сами. Если по его использованию делать урок, то это еще на пять листов.
Вот теперь все. И мы разобрали текстовый редактор JCE-Editor лучший редактор для Joomla 2.5 его установку и настройку .
P.S. Если статья оказалась для Вас полезной, то вы можете сказать спасибо нажав на кнопки соцсетей, лайкнув в фейсбуке и т.д., или написать комментарий, или подписаться на новости. Я старался и старался для Вас. Спасибо!
| Файл | Описание | Размер файла: |
|---|---|---|
| com_jce_203_j16_25.zip | Сам компонент | 1485 Кб |
| com_jce_203_plg_jcemediabox_1017_lang_ru_3.zip | Сам русификатор | 57 Кб |
| jce_caption_201.zip | плагин создает надпись вокруг изображения | 27 Кб |
Загрузка...