Jck editor - кращий візуальний редактор для joomla 1.6

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

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 на своєму комп`ютері та натисніть "Завантажити файл і Встановити».

Відео: Гнучкий редактор статей JCK editor для Joomla CMS

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

Після декількох секунд очікування ви повинні побачити повідомлення про успішну установку JoomlaCK Editor.

JCK editor 1.jpg

Встановлений редактор повинен з`явитися в списку плагінів: меню «Розширення» - «Менеджер плагінів» Joomla. Його можна швидко знайти, якщо вибрати в фільтрі тип «editors».

JCK editor 2.jpg

Щоб скористатися JCK Editor для створення і редагування матеріалів, перейдіть в розділ «Користувачі» і виберіть редактор «Editor - JoomlaCK» в списку «Редактор користувача».

JCK editor 3.jpg

Але перш, ніж працювати з матеріалами сайту, слід приділити пару хвилин налаштуванні 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.jpg

Група розширених параметрів дозволяє налаштувати 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 - використовувати чи папку користувача для зберігання медіа файлів з статей;

    Відео: Незамінний редактор статей на Joomla CMS - JCE editor

  • User Folder Type (ID Or Username) - визначати користувача за ідентифікатором або імені (логіну).

JCK editor 5.jpg

Отже, вже на рівні налаштувань JoomlaCK Editor дозволяє розмежовувати права адміністраторів і простих користувачів. Першим можна надати доступ до всіх інструментів редактора, другим, що працюють зі статтями у фронтенді сайту, - тільки до панелі інструментів для ведення блогу або базовий набір.

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

JCK editor 6.jpg

При цьому для кожного, що вставляється буде з`являтися своє віконце з настройками. Наприклад, на скріншоті нижче ви бачите вікно настройки зображення. Тут можна задати безліч параметрів: вирівнювання, ширину і висоту, відступи, наявність рамки навколо зображення і т.п.

JCK editor 7.jpg

Крім звичних об`єктів JoomlaCK Editor дозволяє вставляти в статті веб-форми, їх елементи і задавати параметрів для них. Для цього служить спеціальна панель інструментів редактора.

JCK editor 8.jpg

Для форми і її елементів можна вказувати різні параметри аж до методу передачі введених даних на сервер. Чи не багато редакторів можуть похвалитися таким функціоналом.

JCK editor 9.jpg

Отже, сьогодні ми познайомилися з чудовим безкоштовним WYSIWYG редактором для Joomla. Крім гнучких налаштувань його відрізняє розширений функціонал щоб працювати з вмістом статей, будь то зображення, флеш або веб-форма, а також приємний і легко змінюваний під смаки користувача інтерфейс і набір панелей інструментів.

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

Поділися в соц мережах:
Cхоже

Увага, тільки СЬОГОДНІ!