Сегодняшняя статья открывает серию, посвященную визуальному редактору для Joomla – JCE.
JCE - визуальный редактор для Joomla. Часть 1. Знакомство.

Как известно, Joomla – это система управления контентом. «Контент» в этом определении ключевое слово. Именно на контенте держится весь Интернет. Если для кого-то это слово незнакомо, уточню: контент – это информация в любом ее представлении. Читаете вы сейчас контент, новости и фильмы по ТВ – контент, музыка, смс, да и речь человека тоже контент. Для Интернета, конечно, характерны только некоторые виды контента, но их значение огромно.

Но вернемся к теме статьи. Контентом нужно не только управлять(что предлагают делать нам все CMS-системы), но также его нужно создавать и оформлять. Думаю, гораздо приятнее читать текст, если он написан в едином стиле, а еще лучше стандартизован. Кроме того, вставка в текст изображений при использовании на сайте – довольно специфическая задача. А кроме изображений есть ведь и многое другое.

Сегодняшняя статья открывает серию, посвященную визуальному редактору для Joomla – JCE. В ней вы познакомитесь с этим замечательным редактором, узнаете, чем он лучше стандартного TinyMCE, а также на что он способен.

Не стоит думать, что визуальный редактор – это просто. Нет. Так кажется только на первый взгляд. Чем больше работаешь с сайтом, чем больше публикуешь различных материалов, тем глубже понимаешь, что все далеко не просто.

Данная серия статей посвящена как новичкам, так и продвинутым пользователям Joomla, для которых важно работать над материалами сайта качественно.

Введение.

Так что же такое JCE? Для начала разберемся с аббревиатурой. JCE это сокращение от «Joomla Content Editor», выражения, переводящегося, как редактор содержимого(контента) Joomla.

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

Ну да ладно, опять отвлекся. Вернемся к JCE. Расшифровка аббревиатуры, как и название сайта разработчиков joomlacontenteditor.net (им честь, хвала и прямая ссылка за такое расширение) говорит о том, что такое JCE. JCE – это визуальный редактор для Joomla. Большинству должно быть понятно, но, возможно, не всем, так что уточню. Главный вопрос здесь может быть связан со словом «визуальный». А какие бывают еще, «не визуальные»?

Основным отличием редакторов Joomla(и прочих CMS) от десктопных(например, Word’а) является исходное представление данных. Если Word представляет данные в виде текста с символами форматирования, то JCE представляет их в HTML-коде. Именно HTML является языком Интернета и никакие символы форматирования Word’a здесь не пройдут. Но поскольку HTML знают далеко не все, а работать как-то надо, были придуманы визуальные редакторы, такие, которые имеют инструменты форматирования текста и автоматически преобразуют его в HTML-код. Т.е. пишем статью, как в Word’е, а при просмотре исходного кода видим HTML. JCE, как впрочем и стандартный TinyMCE относятся к таким редакторам.

Почему JCE, а не TinyMCE?

Теперь разберемся чем же JCE превосходит встроенный редактор TinyMCE. Дабы не писать много, просто взглянем на рисунок и сравним:

JCEvsTinyMCE

Обновлено:

Некоторые читатели заметили, что рисунок со сравнением выше необъективен. Да, действительно так. На нем преставлена стандартная версия TinyMCE. Можно также активировать расширенную. Сравнение расширенной версии со стандартной показано ниже:

JCEvsTinyMCE

Чтобы не создавать споры с любителями TinyMCE я не буду описывать его недостатки в данной статье. Опишу только достоинства JCE.(Если поспорить все-таки хочется, то в комментариях)

Вот несколько самых сладких плюшек JCE:

  • Вставка текста из Word’а c сохранением стилей и форматирования;
  • Удобная загрузка и вставка изображений в контент с возможностью указания размеров;
  • Использование красивых эффектов при увеличении изображения(как, например, в этой статье);
  • Автоматическое создание HTML-таблиц при вставки из Word’a(те, кому доводилось добавлять на сайт табличные данный поймут на сколько это замечательная функция);
  • Возможность создать свой редактор для каждой группы безопасности Joomla (группы пользователей) с выделением отдельной папки для файлов и изображений каждому пользователю(редактор настраивается буквально до кнопки);
  • Просмотр HTML-кода одной кнопкой;
  • Расширяемость с помощью дополнительных плагинов.

Недостатки JCE.

Несмотря на все вышеописанные достоинства JCE также имеет свои недостатки. Хотя это скорее мелкие недоработки. Случается, что JCE бывает капризным и делает не то, что просишь. Особенно это заметно, когда только начинаешь работать с ним. В дальнейшем привыкаешь, подстраиваешься под недостатки и работать становится вполне комфортно.

Напоследок хочу дать один важный совет: никогда не пишите большие статьи в визуальных редакторах. Какими бы хорошими они не были, вероятность потери информации, написанной в них, значительно выше, чем при использовании старого доброго Word’a. Просто представьте: вы пишите в визуальном редакторе статью, пишите долго, часа 2. Когда статья готова, вы откидываетесь на спинку стула и любуетесь результатом своей работы. Все, что остается, это сохранить и опубликовать статью. Вы жмете кнопку «сохранить» и вдруг оказывается что:

  • Интернет не работает
  • Истекло время сессии пользователя
  • Произошел сбой в работе редактора
  • Произошел сбой в работе браузера(что маловероятно, но все-таки возможно)
  • И.т.д.

Кто-то может сказать, что эти причины встречаются редко, но, согласитесь, встречаются.

В итоге вся ваша работа улетучивается. Минимум, что при этом обеспеченно – плохое настроение на весь день. Так что я советую всегда работать в десктопном редакторе, будь то Word или что-то еще. На сегодняшний день они гораздо надежнее, а перенос данных в редактор JCE займет у вас всего несколько секунд(если не говорить про изображения).

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

Продолжение следует…

Об авторе
Об авторе
Wedal (Виталий). Веб-разработчик полного цикла (Full Stack). Создатель и автор сайта Wedal.ru.
Основной профиль – создание сайтов и расширений на CMS Joomla.

Добавить комментарий

Для отправки комментария введите код с картинки:
Защитный код
Обновить

Комментарии  

+4 # Ветал 25.10.2010 08:13
мне кажется, что "истекло время сессии пользователя" не подходит, т.к. когда находишься в редакторе, время сессии не заканчивается, по крайней мере у меня часа два был открыт редактор и сессия не заканчивалась. Ни раз проверял.
Ответить | Ответить с цитатой | Цитировать
+4 # Олег 26.10.2010 06:09
Цитирую Ветал:
мне кажется, что "истекло время сессии пользователя" не подходит, т.к. когда находишься в редакторе, время сессии не заканчивается, по крайней мере у меня часа два был открыт редактор и сессия не заканчивалась. Ни раз проверял.
Это если нажать "Применить", а если "Сохранить" - то очень даже заканчивается(
Ответить | Ответить с цитатой | Цитировать
0 # Ветал 28.10.2010 16:46
да, совершенно верно!
Ведь получается, что при нажатии "применить" - мы находимся в самом редакторе (и не вылетаем из админки). А если жмем на "сохранить", то мы и из редактора выходим.
Ответить | Ответить с цитатой | Цитировать
-1 # Тема 25.10.2010 13:08
Отличия визуального редактора JCE от TinyMCE, как говорится, видно невооруженным взглядом. Что-то Вы не правы на мой взгляд. Вам стоит внимательно разобраться с функциональностью редактора TinyMCE, ну а потом только делать выводы. Все приведенные функции на скрине есть и редактора TinyMCE от Joomla, просто напросто надо их включить.

Если я не прав, то поправьте меня.
Ответить | Ответить с цитатой | Цитировать
-2 # Ветал 25.10.2010 21:35
p.s. К тому же скрин, сделанный, явно говорит о том, что автор с редактором TinyMCE не совсем знакомился. (не знаю как показать скрин редактора, где вся его функциональность видна), да и там тоже есть просмотр HTML нажатием одной кнопки.
URL=http://ipicture.ru/Gallery/Viewfull/1722963.html]http://ipicture.ru/uploads/101026/thumbs/UIZ7KPIP30.png
Ответить | Ответить с цитатой | Цитировать
0 # Ветал 25.10.2010 21:36
http://ipicture.ru/Gallery/Viewfull/1722963.html
вот
Ответить | Ответить с цитатой | Цитировать
-1 # Wedal 26.10.2010 02:12
Ветал, Тема, да, скрин действительно получился необъективным. Дополню. Но надеюсь вы согласитесь с тем, что редактор изображений в TinyMCE убожеский, просматриваемый код не подсвечивается, не говоря уж о настройках для различных групп безопасности Joomla.
Ответить | Ответить с цитатой | Цитировать
-2 # Ветал 28.10.2010 16:50
я не только соглашусь, что TinyMCE и JCE это как небо и земля. Лично использую (и давно) JCE.
В первом - очень много глюков и недоработок. Особенно это видно когда работаешь с текстом (форматировать текст очень сложно)
Ответить | Ответить с цитатой | Цитировать
+1 # Pega 26.10.2010 05:10
Я вообще все делаю в Dreamweaver`е. JCE стоит только для пользователей, которын добовляют статьи с фронта. Группировка пользователей в JCE - штука очень полезная :-)
Ответить | Ответить с цитатой | Цитировать
-2 # Тема 26.10.2010 13:21
Цитирую Wedal:
Но надеюсь вы согласитесь с тем, что редактор изображений в TinyMCE убожеский, просматриваемый код не подсвечивается, не говоря уж о настройках для различных групп безопасности Joomla.
Смотря для каких целей использовать редактор с цель подсветки внешнего кода, тут вопрос спорный. Если кому-то не надо это, тот не будет на это обращать внимание. На счет безопасности, вот этого я не знаю.
P.s Wedal, ели Вам надо, то могу подсказать чем делать качественные скрины.
Ответить | Ответить с цитатой | Цитировать
+2 # Wedal 27.10.2010 04:07
Тема, эмм.. а мои скрины некачественные? :-)
Ответить | Ответить с цитатой | Цитировать
+3 # Тема 28.10.2010 13:01
Wedal, они более чем качественнее :-) тогда я попутал. Подскажите какой плагин используете чтобы фотографии вот так на сайте раскрывались как у Вас.
Мне нужен такой или когда наводишь на слово, то без нажатия появляется рисунок, ну или на рисунок наводишь и без нажатия.
Буду рад если подскажите.
Ответить | Ответить с цитатой | Цитировать
-3 # Ветал 28.10.2010 19:56
попробуй модуль YOOsnapshots
http://www.yootheme.com/tools/free-stuff/yoosnapshots
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 29.10.2010 03:51
Тема, об этом расскажу в одной из следующих статей по JCE, а вообще, погуглите по запросу "lightbox".
Ответить | Ответить с цитатой | Цитировать
-3 # Ветал 28.10.2010 16:54
Wedal, и у меня просьба (если возможно). При использовании модуля YOOcarousel фото внутри этого модуля не открывается (пробовал и mvThumbnails и Art Sexy и RokBox) пока не нашел решения. Может у Вас что-то есть? ))
Ответить | Ответить с цитатой | Цитировать
-2 # Wedal 29.10.2010 03:54
Ветал, пример.
Ответить | Ответить с цитатой | Цитировать
-1 # Ветал 29.10.2010 19:45
Цитирую Wedal:
Ветал, пример.

http://kurnosyky.com.ua/holliday/birthday.html
например выбрать "Острів скарбів"
Ответить | Ответить с цитатой | Цитировать
-1 # Wedal 01.11.2010 03:10
Ветал, классный у вас сайт. Мне очень понравился. С каждым годом все больше удивляюсь: чего только люди не делают на Joomla, и это очень радует.

К вопросу о картинках: спецэффекты, построенные на Javascript, это конечно хорошо, только есть одно НО. Два основных JS-фреймворка: jquery и mootools при совместном использовании очень часто конфликтуют. При этом какой-то из них напрочь отказывается работать. Так что нужно выбирать какой-то один для использования в шаблоне. Другой отключать. В зависимости от этого нужно подбирать и эффект для всплывающих картинок.
Ответить | Ответить с цитатой | Цитировать
+1 # Che 04.11.2010 04:09
Вот незадача: в JCE нет кавычек. Я имею в виду распространенного тега BLOCKQUOTE :cry: . Вместо него стоит тег CITE. Интересно, что-то можно с этим поделать? Чтобы соответствующая кнопка была в TinyMCE, его необходимо переключать в расширенный режим - и редактор вставляет дополнительные псевдоссылки типа "mce_...", засоряя код.
Ответить | Ответить с цитатой | Цитировать
-1 # Wedal 05.11.2010 03:26
Che, вот ответ(переводить не буду, вы уж сами как-нибудь):

Цитата:
The blockquote option on the drop-down menu disappeared with the last update. how to fix: Edit the JCE Group click Editor Parameters tab and re-arrange the Format Elements under the Editor Options section. (for instance, move blockquote to before h1) Save Now the blockquote option is available again in the dropdown. (I saw this in an old post on the JCE forum... a good place to use for JCE issues)
Ответить | Ответить с цитатой | Цитировать
+4 # Che 16.11.2010 17:28
Спасибо. Я не пробовал еще сделать так, как ты советовал, но принял к сведению.
Поступил тупо: в файлах
plugins\editors\jce\libraries\js\jce.js и
plugins\editors\jce\libraries\js\window.js
я заменил вывод cite на blockquote. Работает 100%.
Ответить | Ответить с цитатой | Цитировать
+2 # Che 18.11.2010 04:33
Ошибся:
plugins\editors\tinymce\jscripts\tiny_mce\plugins\xhtmlxtras\js\cite.js
plugins\editors\jce\tiny_mce\plugins\xhtmlxtras\js\cite.js
Ответить | Ответить с цитатой | Цитировать
0 # Станислав 27.11.2010 14:50
Wedal, заинтересовала функция JCE редактора для активации эффектов при увеличении изображений (как у вас на сайте). Подскажите, как включить и настроить увеличение?
Ответить | Ответить с цитатой | Цитировать
-1 # Wedal 29.11.2010 04:23
Станислав, об этом напишу в следующих статьях, если не терпится, ищите платные плагины к JCE.
Ответить | Ответить с цитатой | Цитировать
+2 # slavak 27.02.2011 14:33
с офф. сайта скачал исталляшку (JCE Installation Package 1.5.7.7) и локализацию (1.5.7.6 Russian (ru-RU) Language Pack. версию 1.5.7.7 не нашел) вместе с файлами которые надо заменить.

Вроде все нормально, НО в редакторе, в диалоговых окнах (например, при вставке таблицы или якорь) - крякозябры.

Как исправить? (если можно пошаговую инструкцию).
Спасибо
Ответить | Ответить с цитатой | Цитировать
+3 # lifeact 01.05.2011 14:18
поставил с официального сайта JCE 2.0.0 beta2 для Joomla! 1.6
JCE активировал в плагинах, стандартный деактивировал. создаю материал а редактора нет....
в панели администрирования JCE полазил - все включено.... что может быть, чего не отображается?
Ответить | Ответить с цитатой | Цитировать
0 # Юрий 08.07.2011 08:51
Цитирую lifeact:
поставил с официального сайта JCE 2.0.0 beta2 для Joomla! 1.6
JCE активировал в плагинах, стандартный деактивировал. создаю материал а редактора нет....
в панели администрирования JCE полазил - все включено.... что может быть, чего не отображается?

Надо зайти в админке в раздел Сайт-мой профиль-редактор-выбрать JCE. Сохранить.
вопрос - кто-нибудь встречал русификатор на последнюю версию JCE 201
Ответить | Ответить с цитатой | Цитировать
0 # slovoblud 07.02.2012 02:56
Поставил себе его. Классная штука, по сравнению с Тини небо и земля. Теперь буду всегда юзать.
Ответить | Ответить с цитатой | Цитировать
+1 # filonik 30.05.2012 13:56
дайте ссылку где скачать
я новичок
то что находится в просторах инета никак не устанавливается
спасибо каждому кто поможет жду очень
Ответить | Ответить с цитатой | Цитировать
-1 # Wedal 31.05.2012 02:05
filonik, http://www.joomlacontenteditor.net/downloads
Ответить | Ответить с цитатой | Цитировать
+2 # Nikita 28.12.2012 08:07
подскажите пожалуйста, как сделать чтобы при вставке "грязного текста", он автоматически отчищался ?
чтобы не прибегать каждый раз к "вставка как простой текст" или очистка кода кнопкой
Ответить | Ответить с цитатой | Цитировать
+11 # Wedal 29.12.2012 03:19
Nikita, в последних версиях JCE нужно зайти в настройки профиля, выбрать последнюю вкладку, далее вкладку вставки текста. Там будут эти настройки.
Ответить | Ответить с цитатой | Цитировать
+3 # Алексей67657 13.05.2013 12:02
Погуглите по запросу "Редактор JCE Joomla 1.5 - дыра, взломали сайт". Новые версии возможно более безопасные хотя из тех же рук.
Ответить | Ответить с цитатой | Цитировать
+4 # Wedal 14.05.2013 01:55
Алексей, здесь много тонкостей. JCE имеет очень гибкие настройки и при неправильном их сочетании там даже ломать ничего не придется. Нужно быть внимательным и понимать, что делаешь. Версия редактора давно обновлена.
Ответить | Ответить с цитатой | Цитировать
+4 # GrauKater 21.07.2014 18:48
Цитирую slavak:
с офф. сайта скачал исталляшку (JCE Installation Package 1.5.7.7) и локализацию (1.5.7.6 Russian (ru-RU) Language Pack. версию 1.5.7.7 не нашел) вместе с файлами которые надо заменить.

Вроде все нормально, НО в редакторе, в диалоговых окнах (например, при вставке таблицы или якорь) - крякозябры.

Как исправить? (если можно пошаговую инструкцию).
Спасибо

Помогите, такая же фигня! Во всех браузерах. Буду очень признателен!
Ответить | Ответить с цитатой | Цитировать