От автора: приветствую Вас, дорогой друг. Для создания материалов сайта, администратору необходимо добавить текст, в специальную текстовую область. При этом, его форматирование осуществляется непосредственно в текстовой области, с использованием визуального редактора, от которого, конечно же, зависит продуктивность и удобство работы. Поэтому в данной статье я хотел бы рассмотреть удобный и функциональный редактор — 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 действительно более удобен, нежели инструменты, которые поставляются в стандартном функционале. Более подробно, работа с данным редактором, рассмотрена в курсе .
На этом данный урок завершен. Всего Вам доброго и удачного кодирования!!!
Современные тенденции и подходы в веб-разработке
Узнайте алгоритм быстрого роста с нуля в сайтостроении
Большую часть работы с CMS Joomla занимает работа с текстом. И чтобы эта работа была более комфортной, хорошо бы подобрать себе инструмент по вкусу. В этой статье мы познакомимся с текстовыми редакторами, которые наиболее часто используются в Joomla. Это TinyMCE, Code Mirror и JCE. Первые два включены в дистрибутив Joomla. Редактор JCE является расширением сторонних разработчиков. Все три текстовые редакторы обеспечивают комфортную работу не только с текстом, но и с таблицами и изображениями.
Редактор TinyMCE входит в стандартную сборку Joomla и относится к WYSIWYG редакторам. WYSIWYG это сокращение от английской фразы «What You See Is What You Get», что в переводе значит: «Что ты видишь, то ты и получишь». Другими словами это визуальный редактор, в котором пользователь сразу видит результат редактирования, максимально похожий на тот, что будет отображаться на сайте.
В состав Joomla, TinyMCE входит в виде плагина. Для изменения фунций плагина нужно открыть меню «Расширения», далее в «Менеджер плагинов», а затем в списке - плагин «Редактор – TinyMCE» и произвести изменения.
В работе с сайтом на Joomla иногда возникает потребность в редактировании исходного кода. В визуальных текстовых редакторах есть функция для работы с HTML тэгами, но она, как правило, не корректно работает с текстами сценариев (скриптов). К тому же есть профессионалы, которым привычнее работать с материалами сайта в простом текстовом редакторе, используя HTML тэги. Поэтому в стандартный набор Joomla 2.5 входит простой текстовый редактор CodeMirror.
с, так же как и TinyMCE входит в состав Joomla в качестве плагина. . Его полезные свойства в полной мере проявляются при редактировании страниц и каскадных таблиц стилей шаблона, при установке различных счетчиков, скриптов, произвольных html – модулей и т. д.
Текстовый редактор 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 как угодно. Например, на вкладке «Особенности и Макет» можно добавить нужные кнопки на панели редактора или наоборот, удалить ненужные, можно задать надписи для кнопок и выбрать тему, можно отключить строку состояния. Настроек – масса
Рассмотрим еще раз самый качественный и продвинутый визуальный редактор материалов для 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 .
На закладке Параметры плагина выбираем Буфер обмена и выставляем:
Теперь вставка материала из Microsoft Word в окно редактора JCE с помощью той же комбинаций клавиш Ctrl-C и Ctrl-V или с помощью кнопки Paste в панели инструментов редактора будет осуществляться без ненужного хлама.
Еще один способ не углубляясь в настройки редактора JCE вставлять текст в дополнительное диалоговое окно которое вызывается нажатием иконки Вставить как Обычный текст . Этот способ более чише вставляет текст.
Большую часть работы с CMS Joomla занимает работа с текстом. И чтобы эта работа была более комфортной, хорошо бы подобрать себе инструмент по вкусу. В этой статье мы познакомимся с текстовыми редакторами, которые наиболее часто используются в Joomla. Это TinyMCE, Code Mirror и JCE. Первые два включены в стандартную сборку Joomla, а редактор JCE является расширением сторонних разработчиков. Все три текстовые редакторы бесплатны и обеспечивают комфортную работу не только с текстом, но и с таблицами и изображениями.
Сначала познакомимся с TinyMCE. Этот редактор входит в стандартную сборку Joomla и относится к WYSIWYG редакторам. WYSIWYG это сокращение от английской фразы «What You See Is What You Get», что в переводе значит: «Что ты видишь, то ты и получишь». Другими словами это визуальный редактор, в котором пользователь сразу видит результат редактирования, максимально похожий на тот, что будет отображаться на сайте.
С настройками по умолчанию TinyMCE выглядит так:
Как видим, возможностей для редактирования текста не много. Но сейчас TinyMCE включен с настройками по умолчанию и работает в стандартном режиме. Теперь немного настроим редактор. В состав Joomla, TinyMCE входит в виде плагина. Переходим в меню «Расширения», далее в «Менеджер плагинов», а затем в списке находим плагин «Редактор – TinyMCE» и открываем его для редактирования. В основных настройках плагина меняем режим редактора на расширенный, выбираем тему, например «Office2007 Серебряная» и сохраняем изменения. Теперь наш текстовый редактор выглядит более внушительно.
Это максимальный набор элементов управления TinyMCE. Возможно, какая-то часть этих элементов не пригодится для работы с текстом, тогда их лучше убрать. Переходим опять в редактирование плагина Редактор – TinyMCE и открываем дополнительные настройки:
Отключая ненужные элементы, изменяя настройки, добиваемся заточенного под себя набора элементов управления, тем самым обеспечивая себе комфортную работу в текстовом редакторе. Для аскетов в редактировании текста отмечу, что кроме стандартного и расширенного режимов есть ещё и упрощенный режим.
В работе с сайтом на Joomla иногда возникает потребность в редактировании исходного кода. В визуальных текстовых редакторах есть функция для работы с HTML тэгами, но она, как правило, не корректно работает с текстами сценариев (скриптов). К тому же есть профессионалы, которым привычнее работать с материалами сайта в простом текстовом редакторе, используя HTML тэги. Поэтому в стандартный набор Joomla 2.5 входит простой текстовый редактор CodeMirror. Вот так выглядит текст одной из страниц демонстрационных материалов в CodeMirror:
CodeMirror, так же как и TinyMCE входит в состав Joomla в качестве плагина. Открыв настройки плагина Редактор – CodeMirror мы увидим, что у текстового редактора CodeMirror совсем немного настроек:
Можно включить или отключить нумерацию строк и изменить режим работы табуляции. Полезным свойством CodeMirror является подсветка синтаксиса. Этот текстовый редактор поддерживает синтаксис: HTML, CSS, XLS, PHP и JavaScript. Так выглядит код модуля счетчика в CodeMirror:
В общем, хороший текстовый редактор. Его полезные свойства в полной мере проявляются при редактировании страниц и каскадных таблиц стилей шаблона, при установке различных счетчиков, скриптов, произвольных html – модулей и т. д.
Текстовый редактор JCE (Joomla Content Editor) по праву является одним из лучших текстовых редакторов для Joomla. Вместе с дополнениями, редактор JCE представляет собой целый пакет для работы практически с любым видом контента. На момент написания статьи, для Joomla 2.5 была доступна версия редактора 2.1.3. Скачать текстовый редактор 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, поэтому на этом и закончим знакомство с редактором.
В этой статье мы познакомились с самыми используемыми текстовыми редакторами для Joomla. Надеюсь, информация окажется полезной для читателей. Удачи!
Одной из задач администрирования сайта является его постоянное резервное копирование. Конечно, многие хостеры ежедневно проводят резервное копирование клиентских сайтов, но как говорится «На Бога надейся, а сам не плошай». К тому же...
Одной из распространенных задач для веб-мастера, является создание почтовых форм или форм обратной связи для оправки писем (сообщений) с сайта. В Joomla это можно реализовать несколькими способами, в том числе и стандартно, с помощью...
Визуальный редактор JCE ( Joomla Content Editor) - один из самых функциональных редакторов для Joomla 3.x. C помощью данного текстового редактора вы сможете легко добавлять и редактировать материалы сайта, изменять их стилевое оформление, не обладая знаниями в CSS , HTML и PHP .
Основное преимущество JCE перед конкурентами - возможность расширения функционала. К редактору JCE существует множество дополнительных расширений, которые упрощают добавление контента для сайта.
Существует бесплатная и платная (Pro ) версия расширения, включающая дополнительные аддоны. Скачать редактор JCE для Joomla 3.x можно с сайта разработчика.
