CKEditor — лучший визуальный редактор для Joomla 2.5 3.X

Автор: Илья Остапенко /

Всем привет! Сегодня я напишу о том, что долго откладывал на потом, это редактор Joomla CKEditor. Это наверно самый офигенный редактор для этой CMS. Наверно с ним может встать, только JCE Editor, но о нем я напишу в другой статье, подписывайтесь на обновления блога.

CKEditor - лучший визуальный редактор для Joomla 2.5 3.X

Сам редактор очень сильно напоминает MS Word, а это лично меня ещё больше притягивает. Так же у редактора иметься возможность визуальной настройки, то есть выбор скина, выбор кнопок на панели и многое другое.  О нем я уже упоминал в посте блог на Joomla, и в приложении вы можете его скачать.  Так же в конце поста вас будет ждать интересная новость, и я расскажу, почему я так долго ничего не писал.

 

Немного о CKEditor

Для начала я хотел бы отметить, что изначально редактор назывался FCKEditor, в честь создателя Frederico Caldeira Knabben,  и устанавливался, как плагин. В дальнейшем его решили сделать целым компонентом, а заодно и сменили название, из-за большого сходства с известным неприличным словом на английском языке.

На сегодняшний день CKEditor разработан для большинства CMS. Чаще всего его устанавливают на Joomla и Drupal, но также он есть и для WordPress, PHP Nuke, Netcat и т.д. К сожалению компонент, не входит в стартовый пакет программ и его приходиться скачивать и устанавливать отдельно.

 

Плюсы и минусы компонента

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

  • На мой взгляд, одним из основных плюсов является то, что он не обрезает и не загружает код мусором.
  • Он похож на MS Word, и уже можно интуитивно понять, какая кнопка, за что отвечает. Так же можно установить скин самого MS Word’a.
  • Установка скинов, иначе говоря, шаблонов отображения редактора.
  • Выбор кнопок на панели инструментов. Опять же вспоминается Word =)
  • Копируя текст из MS Word, копируются все ссылки и оформления текста.
  • Можно улучшать компонент с помощью плагинов которые можно скачать на оффициальном сайте http://ckeditor.com/
  • Тонкая настройка редактора.

Настройка CKEditor

Для того чтобы перейти к настройке редактора, необходимо его открыть, Компоненты -> CKEditor.

настройка редактора CKEditor

Basic Settings (Базовые настройки)

  • Administrator toolbar – выбор панели инструментов, для редактора в админке. Есть три варианта: Базовая – это стандартный набор функций любого редактора, Продвинутый  - помимо стандартного набора можно выбрать дополнительные функции предоставленные редактором Полная – абсолютно все функции редактора.
  • Frontend toolbar – выбор панели инструментов, для фронтэнда (если добавлять или редактировать посты с сайта). Тут те же три варианта.
  • Skin – выбор шаблона отображения редактора.
  • Editor width – ширина редактора.
  • Editor height – высота редактора.

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

  • Auto Grow plugin – если включено, то пост в редакторе будет отображаться во всю высоту.
  • Table Resize plugin – эта опция позволяет менять размер таблиц с помощью мыши.
  • Auto-detect language –авто-определение языка.
  • User interface language – если авто-определение не активно тогда, выбираем язык.
  • Language direction – привязка текста в краю.

Advanced Settings (расширенные настройки)

  • User interface color – цвет пользовательского интерфейса (только для скина Kama)
  • Enter mode – выбор тега в котором будет заключен абзац.
  • Shift+Enter mode - при нажатии комбинации тег меняется на выбранный.
  • Use template CSS  -  если включено, тогда редактор будет использовать CSS файл Joomla (editor.css или template.css), в области редактирования
  • Styles definition file – если у вас несколько файлов со стилями, то укажите какой нужно использовать.  Файлы должны находиться в папке plugins/editors/ckeditor/styles
  • Templates definition file - если у вас несколько файлов с шаблонами, то укажите какой нужно использовать.  Файлы должны находиться в папке plugins/editors/ckeditor/templates
  • CSS files - если у вас несколько файлов с форматированием, то укажите какой нужно использовать.  Файлы должны находиться в папке plugins/editors/ckeditor/css

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

  •  Link browser – активировать Link browser.
  • Absolute URL in link browser – если Link browser активирован, делать в нем абсолютные ссылки?
  • SCAYT autostart – загружать автоматически систему проверки орфографии? Может повлиять на загрузку редактора.
  • Остальные настройки в этой вкладке установлены для тегов, там все просто, но я советую не менять стандартные настройки.

File Browser Settings (настройки файлового менеджера)

  • CKFinder – включить файловый браузер
  • CKFinder URLs type – выбор типа ссылок, абсолютные или относительные
  • User Group Access to file browser – выбор групп пользователей которым доступен файловый браузер

Остальные настройки в этой вкладке (пути для картинок, флэш, файлов) понятны без перевода и объяснять, их смысла не вижу =)

Layout Settings (настройка панели инструментов)

Тут все абсолютно просто, как мы уже знаем у редактора есть две панели инструментов, базовая и расширенная. Так вот, в этой вкладке, можно настроить какие кнопки (функции) в какой панели будут отображаться, так же можно добавить кнопки, которые изначально не входят ни в одну панель,  но имеются в наличии. Настройка абсолютно проста, все перетягивается мышкой =)

Собственно говоря, вот и все =) Как я и говорил настройка простая и тонкая, и всем советую именно этот редактор.

Оставить комментарий

Это не спам.