Куда идем?

Как известно, 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.
Добавить комментарий


Deprecated: Implicit conversion from float 522642.99999999994 to int loses precision in /home/p540446/www/wedal.ru/components/com_jcomments/classes/factory.php on line 201
Комментарии  
2
мне кажется, что "истекло время сессии пользователя" не подходит, т.к. когда находишься в редакторе, время сессии не заканчивается, по крайней мере у меня часа два был открыт редактор и сессия не заканчивалась. Ни раз проверял.
1

Цитирую Ветал:

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

Это если нажать "Применить", а если "Сохранить" - то очень даже заканчивается(
1
да, совершенно верно!
Ведь получается, что при нажатии "применить" - мы находимся в самом редакторе (и не вылетаем из админки). А если жмем на "сохранить", то мы и из редактора выходим.
0
Отличия визуального редактора JCE от TinyMCE, как говорится, видно невооруженным взглядом. Что-то Вы не правы на мой взгляд. Вам стоит внимательно разобраться с функциональностью редактора TinyMCE, ну а потом только делать выводы. Все приведенные функции на скрине есть и редактора TinyMCE от Joomla, просто напросто надо их включить.

Если я не прав, то поправьте меня.
1
p.s. К тому же скрин, сделанный, явно говорит о том, что автор с редактором TinyMCE не совсем знакомился. (не знаю как показать скрин редактора, где вся его функциональность видна), да и там тоже есть просмотр HTML нажатием одной кнопки.
URL=http://ipicture.ru/Gallery/Viewfull/1722963.html]http://ipicture.ru/uploads/101026/thumbs/UIZ7KPIP30.png
-2
http://ipicture.ru/Gallery/Viewfull/1722963.html
вот
3
Ветал, Тема, да, скрин действительно получился необъективным. Дополню. Но надеюсь вы согласитесь с тем, что редактор изображений в TinyMCE убожеский, просматриваемый код не подсвечивается, не говоря уж о настройках для различных групп безопасности Joomla.
0
я не только соглашусь, что TinyMCE и JCE это как небо и земля. Лично использую (и давно) JCE.
В первом - очень много глюков и недоработок. Особенно это видно когда работаешь с текстом (форматировать текст очень сложно)
1
Я вообще все делаю в Dreamweaver`е. JCE стоит только для пользователей, которын добовляют статьи с фронта. Группировка пользователей в JCE - штука очень полезная :-)
-1

Цитирую Wedal:

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

Смотря для каких целей использовать редактор с цель подсветки внешнего кода, тут вопрос спорный. Если кому-то не надо это, тот не будет на это обращать внимание. На счет безопасности, вот этого я не знаю.
P.s Wedal, ели Вам надо, то могу подсказать чем делать качественные скрины.
2
Тема, эмм.. а мои скрины некачественные? :-)
-1
Wedal, они более чем качественнее :-) тогда я попутал. Подскажите какой плагин используете чтобы фотографии вот так на сайте раскрывались как у Вас.
Мне нужен такой или когда наводишь на слово, то без нажатия появляется рисунок, ну или на рисунок наводишь и без нажатия.
Буду рад если подскажите.
1
попробуй модуль YOOsnapshots
http://www.yootheme.com/tools/free-stuff/yoosnapshots
-1
Тема, об этом расскажу в одной из следующих статей по JCE, а вообще, погуглите по запросу "lightbox".
1
Wedal, и у меня просьба (если возможно). При использовании модуля YOOcarousel фото внутри этого модуля не открывается (пробовал и mvThumbnails и Art Sexy и RokBox) пока не нашел решения. Может у Вас что-то есть? ))
-1
Ветал, пример.
1

Цитирую Wedal:

Ветал, пример.


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

К вопросу о картинках: спецэффекты, построенные на Javascript, это конечно хорошо, только есть одно НО. Два основных JS-фреймворка: jquery и mootools при совместном использовании очень часто конфликтуют. При этом какой-то из них напрочь отказывается работать. Так что нужно выбирать какой-то один для использования в шаблоне. Другой отключать. В зависимости от этого нужно подбирать и эффект для всплывающих картинок.
1
Вот незадача: в JCE нет кавычек. Я имею в виду распространенного тега BLOCKQUOTE :cry: . Вместо него стоит тег CITE. Интересно, что-то можно с этим поделать? Чтобы соответствующая кнопка была в TinyMCE, его необходимо переключать в расширенный режим - и редактор вставляет дополнительные псевдоссылки типа "mce_...", засоряя код.
-1
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)

1
Спасибо. Я не пробовал еще сделать так, как ты советовал, но принял к сведению.
Поступил тупо: в файлах
plugins\editors\jce\libraries\js\jce.js и
plugins\editors\jce\libraries\js\window.js
я заменил вывод cite на blockquote. Работает 100%.
-1
Ошибся:
plugins\editors\tinymce\jscripts\tiny_mce\plugins\xhtmlxtras\js\cite.js
plugins\editors\jce\tiny_mce\plugins\xhtmlxtras\js\cite.js
1
Wedal, заинтересовала функция JCE редактора для активации эффектов при увеличении изображений (как у вас на сайте). Подскажите, как включить и настроить увеличение?
1
Станислав, об этом напишу в следующих статьях, если не терпится, ищите платные плагины к JCE.
1
с офф. сайта скачал исталляшку (JCE Installation Package 1.5.7.7) и локализацию (1.5.7.6 Russian (ru-RU) Language Pack. версию 1.5.7.7 не нашел) вместе с файлами которые надо заменить.

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

Как исправить? (если можно пошаговую инструкцию).
Спасибо
0
поставил с официального сайта JCE 2.0.0 beta2 для Joomla! 1.6
JCE активировал в плагинах, стандартный деактивировал. создаю материал а редактора нет....
в панели администрирования JCE полазил - все включено.... что может быть, чего не отображается?
1

Цитирую lifeact:

поставил с официального сайта JCE 2.0.0 beta2 для Joomla! 1.6
JCE активировал в плагинах, стандартный деактивировал. создаю материал а редактора нет....
в панели администрирования JCE полазил - все включено.... что может быть, чего не отображается?


Надо зайти в админке в раздел Сайт-мой профиль-редактор-выбрать JCE. Сохранить.
вопрос - кто-нибудь встречал русификатор на последнюю версию JCE 201
0
Поставил себе его. Классная штука, по сравнению с Тини небо и земля. Теперь буду всегда юзать.
0
дайте ссылку где скачать
я новичок
то что находится в просторах инета никак не устанавливается
спасибо каждому кто поможет жду очень
0
filonik, http://www.joomlacontenteditor.net/downloads
0
подскажите пожалуйста, как сделать чтобы при вставке "грязного текста", он автоматически отчищался ?
чтобы не прибегать каждый раз к "вставка как простой текст" или очистка кода кнопкой
2
Nikita, в последних версиях JCE нужно зайти в настройки профиля, выбрать последнюю вкладку, далее вкладку вставки текста. Там будут эти настройки.
0
Погуглите по запросу "Редактор JCE Joomla 1.5 - дыра, взломали сайт". Новые версии возможно более безопасные хотя из тех же рук.
0
Алексей, здесь много тонкостей. JCE имеет очень гибкие настройки и при неправильном их сочетании там даже ломать ничего не придется. Нужно быть внимательным и понимать, что делаешь. Версия редактора давно обновлена.
0

Цитирую slavak:

с офф. сайта скачал исталляшку (JCE Installation Package 1.5.7.7) и локализацию (1.5.7.6 Russian (ru-RU) Language Pack. версию 1.5.7.7 не нашел) вместе с файлами которые надо заменить.

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

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


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