Главная Статьи Joomla Плагины Joomla JCK editor - лучший визуальный редактор для Joomla 1.6
JCK editor - лучший визуальный редактор для Joomla 1.6
02.06.2011 22:27

При работе с сайтом администратор или контент-менеджер огромное количество времени тратит на добавление и редактирование материалов. Для этих целей в системах управления контентом имеются так называемые «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.

 

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

 

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

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

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

JCK editor 1.png

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

JCK editor 2.png

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

JCK editor 3.png

Но прежде, чем работать с материалами сайта, следует уделить пару минут настройке 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 пикселей).

JCK editor 4.png

Группа расширенных параметров позволяет настроить 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) – определять пользователя по идентификатору или имени (логину).

JCK editor 5.png

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

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

JCK editor 6.png

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

JCK editor 7.png

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

JCK editor 8.png

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

JCK editor 9.png

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

 

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

{mosloadposition debug}

Комментарии (1)Добавить комментарий
e.abramovich
...
Автор: Евгения, Январь 26, 2016
smilies/smiley.gifsmilies/smiley.gifsmilies/smiley.gifsmilies/smiley.gif

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

busy
Обновлено 02.06.2011 22:34