При работе с сайтом администратор или контент-менеджер огромное количество времени тратит на добавление и редактирование материалов. Для этих целей в системах управления контентом имеются так называемые «WYSIWYG редакторы», которые представляют собой эдакий мини-Word в окне браузера. Расшифровывается эта аббревиатура как «What You See Is What You Get - что видишь, то и получишь». Задача любого владельца сайта – выбрать максимально простой, функциональный и легкий WYSIWYG редактор, благо для CMS Joomla их создано великое множество. Сегодня мы рассмотрим один из них - JoomlaCK Editor .

{mosloadposition debug}

JoomlaCK Editor – бесплатный WYSIWYG редактор в виде плагина для Joomla, созданный на основе кода CKEditor. Нередко его имя можно прочитать в более сокращенном варианте: JCK Editor. Если верить интернету, то данный редактор используют такие всемирно известные компании как IBM, Oracle, Adobe. JoomlaCK Editor позволяет форматировать текст в статье Joomla, вставлять списки, изображения, Flash, таблицы, а также формы и слои. Как и у большинства редакторов в нем есть функционал просмотра исходного кода статьи.

О возможностях JCK Editor можно рассказывать много, но лучше установить его в Joomla и попробовать на практике. Этим мы сейчас и займемся.

Прежде всего, убедитесь, что ваш сайт и Joomla отвечают следующим минимальным системным требованиям JoomlaCK Editor:

• PHP версии 5 или выше,

• MySQL версии 5 или выше,

• CMS Joomla версии 1.5.x или 1.6.x.

 JoomlaCK Editor (JCK editor) (1005.76 Кбайт)  можно скачать с нашего сайта

Инсталляция JoomlaCK Editor проходит стандартно. Зайдите в Панель администрирования Joomla и в меню «Расширения» выберите пункт «Установить/Удалить». Затем нажмите кнопку «Обзор», найдите zip-архив в JoomlaCK Editor на своем компьютере и кликните «Загрузить файл и Установить».

Но иногда JoomlaCK Editor отказывается устанавливаться данным способом. В этом случае следует распаковать архив с плагином и загрузить полученную папку во временный каталог Joomla. Путь к временному каталогу указан в разделе «Установить из папки» - «Папка установки». Рекомендую дать папке с плагином короткое название, можно просто «123». Впишите это название в конце пути «Папка установки» после слеша и нажмите кнопку «Установить».

После нескольких секунд ожидания вы должны увидеть сообщение об успешной установке JoomlaCK Editor.

Установленный редактор должен появиться в списке плагинов: меню «Расширения» - «Менеджер плагинов» Joomla. Его можно быстро найти, если выбрать в фильтре тип «editors».

Чтобы воспользоваться JCK Editor для создания и редактирования материалов, перейдите в раздел «Пользователи» и выберите редактор «Editor - JoomlaCK» в списке «Редактор пользователя».

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

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

• Administrator End Toolbar Mode – выбор панели инструментов редактора при работе со статьей из админки Joomla;

• FrontEnd Toolbar Mode – выбор панели инструментов редактора при работе со статьей во фронтенде;

• Toolbar Color – цвет блока с панелями инструментов;

• Skin –внешний вид редактора, называемый в народе «шкуркой»;

• Use Template CSS Classes? – используются ли стили шаблона;

• Use Editor CSS Classes? – используются ли стили редактора (если используются стили шаблона и редактора, то будут применяться стили шаблона);

• Use Custom CSS Classes? – выборочные стили (здесь следует указать путь к файлу CSS);

• Location of the Images? – папка с изображениями;

• Location of the Flash Files? – папка с флеш;

• Location of the Documents? – папка с документами;

• Enter Mode – тег, который вставляется в статью при нажатии на клавиатуре «Enter» (по умолчанию – «абзац»);

• Shift Enter Mode - тег, который вставляется в статью при нажатии на клавиатуре сочетания клавиш «Enter» и «Shift» (по умолчанию – «абзац», но можно выбрать стандартный – перенос строки или «BR Elements»);

• Width – ширина окна редактора (по умолчанию – 100%);

• Height – высота окна редактора (по умолчанию – 480 пикселей).

Группа расширенных параметров позволяет настроить JoomlaCK Editor более тонко и включает следующие опции:

• Display Errors – отображать ли ошибки;

• Language Selection Mode – способ выбора языка интерфейса редактора из вариантов Manual, Joomla! Default, Browser Default.

• Language Code – код языка, чтобы русифицировать интерфейс JoomlaCK Editor достаточно в предыдущем пункте отметить «Manual», а здесь ввести «ru» (без кавычек);

• Background Color - цвет фона редактора (по умолчанию - белый);

• Text Alignment – выравнивание текста в статье Joomla;

• Process HTML Entities – заменять ли специальные символы в тексте html-кодом;

• Auto Format Source – автоформатирование исходного кода статьи;

• Auto Load – автозагрузка редактора;

• Use User Folders – использовать ли папку пользователя для хранения медиа файлов из статей;

• User Folder Type (ID Or Username) – определять пользователя по идентификатору или имени (логину).

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

Указав необходимые настройки можно попробовать JoomlaCK Editor в деле. Для этого перейдите в меню «Материалы» - «Менеджер материалов» и создайте новую статью. Вы увидите окошко редактора и несколько панелей инструментов. Работа с ними не должна вызывать трудностей, т.к. значение каждой кнопки становится понятным, если навести на нее курсор мыши и подержать секунду-другую.

При этом для каждого вставляемого объекта будет появляться свое окошко с настройками. Например, на скриншоте ниже вы видите окно настройки изображения. Здесь можно задать множество параметров: выравнивание, ширину и высоту, отступы, наличие рамки вокруг изображения и т.п.

Помимо привычных объектов JoomlaCK Editor позволяет вставлять в статьи веб-формы, их элементы и задавать параметры для них. Для этого служит специальная панель инструментов редактора.

Для формы и ее элементов можно указывать различные параметры вплоть до метода передачи введенных данных на сервер. Не многие редакторы могут похвастаться таким функционалом.

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

Специально для Ячайник, Елена Карлтон

{mosloadposition debug}