Редакторы контента для сайта Joomla. Joomla online редактор


Joomla online редактор. Joomla - Урок 5. Расширения

File managers and best utilites

Как изменить редактор Joomla на более функциональный

После установки CMS Joomla и всех необходимых модулей, расширений и плагинов, следующее что мы делаем, это наполняем сайт контентом. Для этого используется установленный по - умолчанию редактор TinyMCE, но он не дает больших возможностей в редактировании контента. Его интерфейс выглядит следующим образом:

Мы его заменим на самый популярный визуальный редактор (WYSIWYG) для Joomla на JCE (Joomla Content Editor). Его возможности намного более богаты, а это только положительно скажется на сайте, а также ускорит вашу работу.

 

А теперь приступим непосредственно к процедуре установки, для этого по шагам делайте то, что написано ниже:

Идем на страницу http://www.joomlacontenteditor.net/downloads/editor/joomla-25 и скачиваем официальную версию компонента, файл "com_jce_2324.zip" от 27.03.2013 года.

  

Переходим в админпанель вашего сайта, через меню открываем "Расширения-Менеджер расширений: Установка".

Так как файл достаточно большой по объему, устанавливаем его из каталога /tmp, "Установить из каталога" - выбираем ранее скаченный файл.

Устанавливаем редактор.

Далее переходим в раздел "Сайт-Общие настройки" и выбераем в строке "Редактор по-умолчанию"-"Редактор – JCE", нажмите кнопку "Сохранить и закрыть".

 

Теперь приступим к русификации компонента, идем по адресу http://www.joomlacontenteditor.net/downloads/languages.

 

Далее файл "jce_language_ru_ru_full_2323.zip" устанавливаем как обычно, через "Загрузка файла пакета", выбираем файл и нажимаем кнопку "Установить".

Еще русификатор можно установить через "Панель управления редактора", идем следующим путем, "Компоненты-JCE Administration" (до установки русификатора у вас все пункты меню редактора будут на английском языке).

Далее, переходим "Install Add-ons", выбираем файл русификации и нажимаем кнопку "Установить пакет". 

После этих действий во вкладке «Языки» в списке установленных языков должен появиться русский язык.

Вот и все, редактор по-умолчанию установлен и теперь при создании или редактировании статей у вас будет отображаться следующее окно редактора.

 

Это первая, но не последняя статья о редакторе JCE, в дальнейшем еще будет ряд статей касающихся  настроек этого компонента. Ваши пожелания пишите в комментариях.

Успехов вам в освоении Joomla!

joomla-secrets.ru

Как редактировать Joomla сайт

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

Управление этой CMS-системой навряд ли вызовет трудности у профи, но новичку все же потребуется некоторое время, чтобы освоить данный конструктор.

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

Панель администрирования

Все основные операции выполняются через вкладку администратора сайта. Конструктор работает как и многие другие движки через специальную панель, так называемую админку. Для начала работы со своим сайтом вам необходимо ввести специальный URL для входа в админпанель Joomla. А именно введите доменное имя своего веб-ресурса и через слэш (/) пропишите слово administrator. После этого вы попадете на страницу авторизации для входа в административную панель. Вам необходимо будет ввести логин и пароль, которые вы указывали во время инсталляции Joomla.

После входа, вам откроется панель управления, откуда вы сможете редактировать свой сайт. Вы увидите сверху вкладки меню, каждая из которых отвечает за определенный набор функций. При помощи первой вкладки «Сайт» вы сможете создать новых пользователей. Это вам понадобится для добавления в конструктор модераторов, других администраторов, авторов статей и т. д. Во время создания пользователя вы сможете определить его права, а также группу, к которой он относится.

Кроме того, в разделе «Сайт» вы сможете редактировать ключевые параметры сайта, такие как его название, описание и другие важные для SEO конфигурации. Уделите этой части настроек сайта особое внимание, ведь от качества заполнения ключевиков будет зависеть удачность продвижения проекта в поисковиках. Старайтесь указать побольше подходящих тегов в названии, а также ключей в описании. Также не забудьте в правой боковой колонке, там где написано «Поисковая оптимизация», везде нажать «Да», чтобы конструктор помог вам в продвижении проекта.https://www.youtube.com/watch?v=pddUR0ABQec

Как добавлять медиа на сайт

В той же вкладке меню «Сайт» есть раздел «Медиа-файлы». Он необходим, чтобы добавлять на страницы сайта Joomla различные медиа-файлы: изображения, видео и т. д. Конструктор работает таким образом, что все файлы, которые вы закачиваете через раздел «Медиа» сразу попадают в директорию content на хостинге. Это значительно облегчает работу с сайтом, так как вам не придется постоянно открывать FTP-клиент для скачивания файлов.

Единственная проблема, которая может возникнуть — система откажет вам в добавлении какого-либо объекта в «Медиа» из-за того, что тип файла не поддерживается. В таком случае это можно легко решить — зайдите в «Настройки» данного раздела, потом кликните на вкладку «Система» и найдите снизу список допустимых типов файлов. Введите формат, который собираетесь загрузить в конструктор, сохраните изменения и проблема с загрузкой будет решена!

Еще один способ добавления медиа на страницы сайта — это использование стандартного компонента Joomla под названием eXtplorer. При помощи него вы сможете делать все то же самое, что и при помощи вкладки «Медиа-файлы», только он значительно удобнее. К примеру, вы сможете загрузить на сайт Joomla сразу несколько файлов, есть удобный режим просмотра изображений и доступны все возможные функции редактирования объектов.https://www.youtube.com/watch?v=pou-IKb_-1U

Как создать статью в Joomla

Вы постоянно будете работать с контентом на сайте Joomla, потому должны понимать как происходит управление, создание и редактирования постов в конструкторе. Чтобы добавить новый материал, зайдите во вкладку «Статьи» в админке. Перед вами откроется список всех доступных статей, которые были добавлены ранее. Вы сможете их отсортировать по категориям при помощи специальных фильтров. Если статей нет, то вы их не увидите в этой таблице.

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

Для привязки статьи к определенной категории сайта Joomla необходимо в выпадающей вкладке «Разделы» указать соответственный пункт меню, а справа отметить «Категорию». Чтобы окончательно сохранить и добавить текст на свой ресурс в определенной позиции, нажмите кнопку «Применить». Теперь когда вы перейдете в визуальный просмотр сайта, вы увидите, что материал был добавлен.https://www.youtube.com/watch?v=5ff0hfq5pQ0

Как менять оформление сайта Joomla

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

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

К сожалению, одного скачивания и установки шаблона не всегда достаточно, чтобы получить именно то, чего вы хотите. Порой тема оформления почти похожа на ту, о которой вы мечтали. Но этого «почти» быть не должно — необходимо все сделать идеально. А для этого придется редактировать шаблон. Сделать это вы сможете вручную при помощи редактирования файла CSS темы. В таком случае вам не обойтись без Photoshop и знания программирования. Другой более простой метод — это добавление компонента на страницу через раздел «Компоненты» и редактура его внешнего вида через настройки.https://www.youtube.com/watch?v=2EIlqrs4VBA&spfreload=10Дело в том, что сайт Джумла поделен на блоки. Основная часть страницы — это компонент, а остальные — это модули и плагины. Определив формат сайта (блог, магазин, каталог и т. д.) и скачав специальный компонент, вы сможете легко изменить оформление ресурса.

Похожие статьи

joomlalib.ru

Урок 5. Расширения, устанавливаем редактор. Как создать свой сайт

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

Но если мы хотим расширить его функциональность, например, сделать фотогалерею или музыку на сайте, то нам необходимо найти в Интернете кубик, который умеет это делать, установить его и настроить. В Joomla такие кубики так и называются - Расширения.

Само расширение может состоять из нескольких частей - компонента, модуля и плагина.

Компонент - блок управления расширением (именно здесь идет настройка работы расширения).

Модуль - отвечает за то, в каком месте сайта будет отображаться информация, за которую отвечает расширение.

Плагин - внедряет расширение прямо в текст страницы сайта.

Расширения могут состоять только из компонента, из компонента и плагина, из компонента и модуля или из всех трех частей. При установке Joomla устанавливается несколько базовых расширений, 6 из них имеют блоки управления - компоненты, которые вы можете увидеть в соответствующем разделе меню:

Остальные придется устанавливать самостоятельно по мере необходимости. И на прошлом уроке у нас возникла необходимость установить расширение - редактор JCE. Этим мы сейчас и займемся.

Наше расширение состоит из компонента и плагина. Сначала надо скачать компонет и плагин к себе на компьютер. Теперь идем в администраторскую зону: Расширения - Установка и удаление

Нажимаем на кнопку Обзор, выбираем сначала компонент com_jce_157_156_package.zip и нажимаем на кнопку Закачать файл:

Видим, что компонент установлен:

Теперь также устанавливаем плагин:

После того, как установлен и плагин, можно увидеть, что наш компонент появился в пункте меню Компоненты:

А затем убедиться в Расширения - Плагины:

что плагин Editor - JCE 1.5.6 включен (в столбце Включен стоит зеленая галочка):

Теперь нам надо сделать наш редактор редактором по умолчанию. Для этого мы идем в пункт меню Сайт - Настройки:

В поле Визуальный редактор по умолчанию выбираем наш редактор Editor - JCE 1.5.6 и сохраняем изменения:

Ну вот, теперь можно доделать главную страницу нашего сайта. Этим мы и займемся в следующем уроке. Здесь же хотелось бы отметить, что все расширения, которые вам понадобятся в работе, загружаются в Joomla из Расширения - Установка и удаление.

Предыдущий урок Вернуться в раздел Следующий урок 

www.site-do.ru

Лучший визуальный html редактор для CMS Joomla

Здравствуйте дорогие друзья и любители Joomla. Сегодня будет не обычная статья о расширениях для Joomla. Сегодня мы с вами будем выбирать лучший визуальный html редактор для CMS Joomla с помощью голосования. Кандидатов я выбрал достойных, по этому я думаю вы точно проголосуете за одного из них.

Лучший визуальный html редактор для CMS Joomla

Ниже я приведу плюсы и минусы каждого из визуальных html редакторов по моему мнению. Также вы можете добавить свои доводы в сторону того или иного визуального html редактора в комментариях и я их добавлю в статью.

Лучший визуальный html редактор для CMS Joomla — JCEeditor, CKeditor и TinyMCE

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

Визуальный (WYSIWYG) html редактор — это программа или в нашем случае расширение, которое работает по принципу (WYSIWYG — от англ. What You See Is What You Get, «что видишь, то и получишь»), то есть, то что вы сделали в редакторе будет максимально точно отображаться на страницах сайта. Визуальный html редактор позволяет без знания html языка создавать «правильные» валидные страницы сайта с таблицами, картинками, текстом и др.

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

Стандартный визуальный html редактор Joomla — TinyMCE

TinyMCE — это html редактор, который идет по-умолчанию с самой CMS Joomla и не требует дополнительной настройки или установки.

Стандартный визуальный html редактор Joomla - TinyMCE

Рассмотрим какие плюсы и минусы я вижу в этом визуальном редакторе:

 Плюсы:
  1. Не нужно настраивать и дополнительно устанавливать.
  2. Возможностьвыбирать размер шрифта текста.
  3. Возможность выбирать семейство шрифта.
 Минусы:
  1. Отсутствует  возможность загружать картинки через редактор.
  2. Нет возможности загружать flash объекты.
  3. Нет возможности ставить ссылку на другой материал сайта через редактор.
  4. Для расширения функционала нужно дополнительно настраивать редактор.

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

Самый популярный визуальный редактор Joomla каталога — JCE editor

Расширение JCE editor — это самый популярный визуальный html редактор в каталоге расширений Joomla JED. Имеет поддержку всех версий Joomla.

Самый популярный визуальный редактор Joomla каталога

Рассмотрим какие плюсы и минусы я нашел в этом html редакторе:

Плюсы:
  1. Очень хороший функционал в целом.
  2. Возможность загружать картинки через редактор и добавлять к ним свойства через окно редактора.
  3. Есть возможность выставлять размер и семейство шрифта текста.
  4. Множество функций для работы с текстом.
  5. Есть возможность ставить ссылку на материалы из сайта через окно редактора.
  6. Проверка правописания в самом редакторе.
  7. Есть возможность работать с медиа: Flash, Quicktime, Windows Media и др.
Минусы:
  1. Нужно дополнительно устанавливать расширение.
  2. Не заметная кнопка загрузки картинки (нужно внимательно присмотреться чтоб найти ее).
  3. Мелкие кнопки редактора.
  4. Много не нужных кнопок на панели, которые загромождают редактор (можно было их объединить в одну, например кнопки работы с таблицей).
  5. Для работы с медиа нужно дополнительно устанавливать плагин.

Я думаю многие из вам пользуются этим редактором, по этому хотелось бы услышать ваше мнение по поводу плюсов и минусов редактора JCE в комментариях. А для тех, кто хочет его опробовать скачать визуальный редактор JCE.

Визуальный html редактор для CMS Joomla — CKeditor

Подошла очередь и к моему любимому визуальному редактору для Joomla — CKeditor. Раньше он назывался FCKeditor и выпускался в виде плагина, но сейчас он идет компонентом и сменил название на CKeditor, но функционал у него остался на том же высоком уровне.

Визуальный html редактор для CMS Joomla - CKeditor

Посмотрим что же я в нем такого нашел полезного и какие есть у него минуса:

Плюсы:
  1. На вид очень напоминает MS Word, что позволяет интуитивно понять, какая кнопка за что отвечает.
  2. Есть возможность выставлять размер и семейство шрифта текста и др примочки с текстом.
  3. Можно загружать фото и медиа через окно редактора.
  4. Есть возможность ставить ссылку на материалы из сайта через окно редактора.
  5. Есть очистка текста от лишнего кода при вставке из MS Word.
  6. Есть кнопки для работы с формами (текстовые поля, кнопки, переключатели и др.)
  7. Все кнопки объедены в групы.
  8. Кнопки довольно крупные.
  9. Есть возможность настройки окна редактора (скины) и нужного набора кнопок.
  10. Выбор языка редактора (очень много языков).
  11. Тонкая настройка параметров редактора.
Минусы:
  1. Нужно устанавливать дополнительно.
  2. Для работы с медиа нужно дополнительно копировать файлы на сервер.

Жду ваших отзывов по поводу визуального редактора CKeditor в комментариях. А скачать редактор можно здесь.

Краткий обзор визуальных html редакторов подошел к концу и приходит время проголосовать за лучшего визуального html редактора для CMS Joomla.

Если голосование приживется, то мы с вами выберем самые лучшие расширения для нашего пользования. А на этом пост Лучший визуальный html редактор для CMS Joomla подошел к завершению. Не забываем отдать голос за любимое расширение. Увидимся.

Joomla Блог Nauca – научись работать с Joomla

Похожие статьи про расширения для Joomla:

nauca.com.ua

www.webdistr.ru

Редакторы кода - Joomla Master

CKEditor 1.2 (Rus) – очередное обновление лучшего компонента и плагина WYSIWYG-редактора для Joomla 1.5. Настройки редактора позволяют создавать разграничение управлением редактором, между пользователями. Есть возможность создания отдельных папок для загрузки картинок, выбора интерфейса редактора полностью соответствующего внешнему виду привычного Microsoft Office, вставка разнообразного кода (html, php, css и.т.д.), расширенное управление кнопками редактора, возможность установки дополнительных плагинов и расширений. Данный редактор лучший среди многих визуальных редакторов для CMS Joomla! CKEditor лучший выбор для новостных сайтов, на котором пользователи сайта сами добавляют новости.

Читать далее...  

altaltalt

alt

J!Dump - компонент и плагин для разработчиков расширений и дизайнеров шаблонов. Обычно разработчики используют для отладки стандартные функции print_r() и var_dump(). Да, они показывают все содержимое переменной, но вывод приходится обрамлять тегами и в итоге мы получаем искаженный внешний вид сайта, свалку свойств, "километровую" прокрутку и.т.д. С компонентом J!Dump вам становится доступен ряд функций для отладки, среди которых есть dump(). Откроется всплывающее окно с красивым расширяемым деревом DHTML, показывая полное содержимое переменной со всеми вложенностями, а так же список доступных методов для каждого из объектов.

Читать далее...  

Компонент и плагин WYSIWYG-редактора JCE Editor 1.5.7.5 .Очень мощные настройки редактора позволяют создавать разграничение управлением редактором между пользователями.

Читать далее...  

joomla-master.org

Редакторы контента для сайта Joomla - jtemplate.ru

My free templates and extensions for CMS Joomla!

Обзор расширений – визуальных редакторов, применяемых для создания и редактирования контента на сайте Joomla.

 1.      JCK Editor

Сайт разработчика: http://www.joomlackeditor.com/downloads/viewcategory/46-jck-suite

Расширение полностью совместимо с Joomla 2.5/3.x.

Расширение позиционируется как представитель нового поколения интернет-редакторов, характеризующихся высокой производительностью, имеющих свою логику и предоставляющих возможность расширяемой интеграции.

После проведения стандартной процедуры установки необходимо в административной панели перейти к пункту меню «Система»-«Общие настройки» и на открывшейся вкладке «Сайт» из выпадающего списка выбрать в качестве «Редактора по умолчанию» «Editor - JoomlaCK» и нажать кнопку «Сохранить». Далее для настройки редактора найдем его в «Менеджере плагинов». На вкладке «Плагин» панели настроек плагина можно выбрать тип конфигурации редактора (Full, Publisher, Basic, Blog, Image), цвет панели редактора, его скин (Office2007 или Kama), отключить возможность использования шаблонов CSS и пользовательских классов CSS, выбрать папки для хранения изображений, флэш-файлов, документов; выбрать событие на нажатие клавиш Shift и Enter, а также имеется возможность ввода ширины и высоты панели. Кроме того, на вкладке «Дополнительные параметры» содержатся опции отображения ошибки, режима выбора языка, кода языка, цвета фона и шрифта, размера шрифта, семейства шрифтов, выравнивания текста и прочие. Здесь же для редактирования представлен код стиля редактора.

Так выглядит установленный редактор, использующий скин «Office2007»:

 Вид редактора JCK Editor

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

2.      RedactorJS Editor

Сайт разработчика: http://stackideas.com/downloads/plugins

Расширение полностью совместимо с Joomla 2.5/3.x.

Для скачивания расширения с сайта разработчика требуется регистрация!

Плагин «RedactorJS Editor» - бесплатный WYSIWYG-редактор, работает на jQuery, имеет простой и красивый интерфейс, высокую скорость загрузки и позволяет управлять содержимым сайта со смартфона или планшета. Данное расширение заслуживает внимания уже хотя бы потому, что оно создано командой «Stackdeals» - авторами таких популярных расширений для Joomla как «EasyBlog», «EasyDiscuss» и «Komento».

Перед установкой архив с плагином необходимо распаковать, а установку следует производить из каталога. После установки редактора требуется установить его в качестве редактора по умолчанию, перейдя к пункту меню «Система»-«Общие настройки» и выбрав на открывшейся вкладке «Сайт» из выпадающего списка «Editors - RedactorJS» и нажать кнопку «Сохранить».

После этого можно приступать к редактированию материалов сайта с использованием только что установленного редактора. Без дополнительных настроек панель редактора выглядит следующим образом:

 Вид редактора

Настройки плагина весьма лаконичны: требуется лишь указать направление текста и включить либо отключить визуальную структуру представления материала. При переходе к пункту меню «Компоненты»-«JCK-менеджер»-«Панель управления» можно увидеть следующую панель, позволяющую выбрать кнопки, которые будут отображаться в интерфейсе редактора; настроить функциональность плагина, создать резервную копию конфигурации редактора и файлов, запустить проверку системы при обновлении шаблона, восстановить редактор из резервной копии.

Панель управления редактора RedactorJS Editor 

 Разделы, представленные в «Панели управления», дублируются в меню «Компоненты»-«JCK-менеджер».

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

3.      JCE (Joomla! Content Editor)

Сайт разработчика: https://www.joomlacontenteditor.net/downloads/editor/joomla-3

Расширение полностью совместимо с Joomla 2.5/3.x.

Расширение представляет собой превосходный настраиваемый редактор контента, созданный на основе Moxiecode’s TinyMCE, включает в себя расширенные опции для изображений и медиафайлов, обработки ссылок на материалы, а также содержит интерфейс администрирования для настройки редактора.

Установка расширения производится стандартно, через «Менеджер расширений». После установки на экране появляется сообщение, содержащее предупреждение о том, что расширение не будет работать при отсутствии Joomla, TinyMCE, JQuery, JQueryUI, PHPThumb, getID3; в пункт меню «Компоненты» добавляется новый подпункт – «JCE Editor». Панель управления компонента содержит разделы «Редактор глобальной конфигурации», «Редактор профилей», «Установить дополнения» и «Обзор файлов». В разделе «Редактор глобальной конфигурации» можно отключить куки, ввести пользовательские переменные конфигурации, выбрать необходимые параметры сжатия, форматирования и отображения. В «Редакторе профилей» можно настроить профили пользователей (Default, Front End, Blogger, Mobile), определив доступные профилю компоненты и устройства, связав профиль с группами пользователей или с конкретными пользователями.

Для использования редактора выбираем его в качестве редактора по умолчанию в «Общих настройках» сайта.

Так выглядит панель редактора «JCE» при редактировании материала:

 Вид редактора JCE (Joomla! Content Editor)

С первого взгляда становится понятно, что этот панель этого редактора имеет большее число кнопок, чем у рассмотренных ранее: имеется возможность вставки надстрочных и подстрочных символов, сокращений, поиска и замены; наряду со стилями присутствуют основные семейства шрифтов и размеры символов.

Рассмотренные в статье расширения позволяют полноценно редактировать контент сайтов различной тематики. Так, редактор «JCK Editor» - отличное решение для блога, интернет-магазина или сайта-визитки на базе CMS Joomla, поскольку его панель по оформлению наиболее близка к знакомой каждому пользователю панели офисного редактора; редактор «RedactorJS Editor» следует использовать, если имеется необходимость редактирования контента с мобильных устройств, а третий из рассмотренных – редактор «JCE» для многих пользователей будет обладать избыточной функциональностью, но будет наиболее подходящим для сайтов научной и образовательной тематики.

 

www.jtemplate.ru


Prostoy-Site | Все права защищены © 2018 | Карта сайта