Разное

Joomla редактор текстовый: Редактор в Joomla

Редактор в Joomla

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

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

 

Переключение редактора Joomla в расширенный режим

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

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

1 - В панели управления в верхнем меню выбираем «Расширения» –  «Менеджер плагинов», перед вами откроется список плагинов;

2 - Находим плагин TinyMCE, отмечаем его и жмем «Изменить»;
3 - В правой стороне открывшегося окна находим «Параметры», изменяем значение «Функциональность» (ставим «Расширенный») и сохраняем настройки.

 

 

 

 

 

 

 

 

 

 

По умолчанию для работы с материалом в Joomla используется визуальный редактор TinyMCE, который многие веб-мастера считают не достаточно мощным. В Joomla 3 редактор TinyMCE представлен в обновленной версии. Однако, при желании вы можете установить другой, более мощный редактор, например Joomla Content Editor (JCE) и затем установить его в настройках редактором по умолчанию.

Чтобы в Joomla 2.5 изменить редактор по умолчанию, войдите в Панель управления - Сайт - Общие настройки – вкладка «Сайт» – Визуальный редактор по умолчанию. В выпадающем списке выберите нужный редактор и сохраните настройки.

В Joomla 3 можно изменить редактор по умолчанию, войдя в Панель управления – Параметры – Общие настройки – вкладка «Сайт».

 

Русификация редактора TinyMCE

Конечно же, работать в любой программе удобнее, если она русифицирована. Русифицировать редактор TinyMCE не составляет никакого труда.

Изменить язык редактора можно в параметрах плагина TinyMCE. В Панели управления в верхнем меню выбираем «Расширения» –  «Менеджер плагинов». В открывшемся списке плагинов выбираем TinyMCE, отмечаем его и жмем «Изменить».

В Параметрах плагина включаем Автоматический выбор языка - Вкл. В Joomla 3 - выбираем код языка ru и сохраняем настройки. В Joomla 2.5 - вводим код языка ru вручную и сохраняем настройки.

 

 

 

 

 

 

 

 

Теперь, если вы откроете редактор, то увидите, что в панели инструментов все всплывающие подсказки на русском языке.

У Вас недостаточно прав для добавления комментариев. Возможно, Вам необходимо зарегистрироваться на сайте.

Редактор JCE: как заставить его не вырезать HTML теги

Подробности
Категория: CMS Joomla
Опубликовано 15.03.2013 18:00
Просмотров: 2091

Дорогие друзья, уважаемые посетители сайта GeoDum.ru!

Сегодняшняя статья предназначена для тех вебмастеров, которые работают с

визуальным редактором Joomla Content Editor (JCE), составляя, публикуя и редактируя с его помощью статьи в блоге/сайте на платформе Joomla.

Вы, вероятно, уже заметили, что, когда вы вставляете в статью текст, заключенный в HTML теги (естественно, в текстовом, а не визуальном режиме редактора), такие как например, <embed>, <object>, <iframe>, <div>, <span> и другие, то при сохранении статьи эти теги и заключенный внутри них текст исчезают. То же самое происходит и при переходе в визуальный режим и возврате обратно в текстовый. Это - типичная проблема для начинающего, да и порой опытного Joomla-пользователя, впервые столкнувшегося с этим явлением.

Но это не баг, а просто мера защиты сайта от вставки нежелательного и опасного содержимого, когда публиковать материалы позволено любым посетителям сайта (это определяется настройками прав в профилях посетителей). И это по умолчанию распро­страняется на всех редакторов материалов, в том числе и на самый верхний уровень прав – супер-администраторов, то есть вас самих.

Как же быть, если эти теги все-таки нужны, например,

<iframe> для вставки видео?

В интернете этому вопросу посвящено несколько материалов. Наиболее подробные рекомендации изложены в посте «Настраиваем редактор TinyMCE так чтобы не вырезались теги». Этот материал, как видно из названия, относится к другому визуальному редактору. Моя попытка применить его к JCE в Joomla 2.5 (а JCE основан на TinyMCE) не увенчалась успехом. Эти меры оказались недостаточными. Поэтому я излагаю ниже те изменения в настройках редактора JCE и платформы Joomla, которые позволили мне добиться желаемого результата.

Итак, последовательность действий такова:

1. В Панели управления Joomla выбираем в меню Компоненты – JCE Editor – Global Configuration и выбираем настройки как на рисунке в рамках. Сохраняем настройку.

2. Выбираем Компоненты – JCE Editor – Profiles – Default – Editor Parameters – Advanced и в поле, отмеченном на рисунке рамкой, вписываем все теги, которые мы хотим не вырезать. Здесь все на ваше усмотрение. В моем примере вписаны нужные мне теги div, iframe

(использую для вставки видео), span и allow (используется в плагине DisAllow для преобразования внешних ссылок во внутренние). Сохраняем настройку.

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

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

Все, проблема решена.

Удачи вам, до новых встреч на страницах моего блога.

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


Управление материалами в Joomla 3.x

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

Напомню, что вход в панель управления остался по адресу: http://домен_сайта/administrator/, который нужно ввести в адресной строке браузера. Как и прежде, откроется окно с приглашением ввести имя и пароль. И только после авторизации пользователь попадает в

панель управления, которую еще называют административной панелью.

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

Рисунок 1. Внешний вид панели управления сразу после входа

Все команды управления сосредоточены в верхнем горизонтальном меню.

Где находятся все мои текстовые материалы?

Текстовые материалы находятся в менеджере материалов и доступны через меню: Материалы - Менеджер материалов (смотрите рисунок 1).

Рисунок 2. Менеджер материалов

Чтобы создать новый материал нужно нажать на зеленую кнопку «Создать», которая находится в левом верхнем углу интерфейса "Менеджера материалов".

Чтобы изменить (редактировать) имеющийся материал нужно кликнуть по его имени.

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

Редактирование (изменение) материала

Рисунок 3. Форма редактирования материала

Форма редактирования материала имеет вид как на рисунке 3. Как и в предыдущих версиях, в Joomla 3.х используется редактор TinyMCE. Его интерфейс похож на интерфейс привычного Microsoft Word, поэтому мы не будем рассматривать как в нем работать. Рассмотрим особенности.

Вставка текста из текстового редактора

Набирать текст материала непосредственно на сайте - не очень хорошая идея, гораздо правильнее материал предварительно набрать и вычитать в каком-то текстовом редакторе на вашем компьютере (это может быть Microsoft Word или Open Office Writer, или даже примитивный WordPad), а затем уже вставить его в форме редактора. Вставить текст, предварительно скопированный из текстового редактора, можно только с помощью клавиатуры комбинацией клавиш Ctrl+V.

После вставки необходимо выполнить процедуру очистки формате от невидимого мусора. Делается это с помощью команды "Очистить формат" в меню "Формат" (смотрите рисунок 4). Текст выделяется комбинацией клавиш Ctrl+A, а затем уж и "Формат - Очистить формат".

Рисунок 4. Очистка формата.

Вставка изображения

Встроенные в TinyMCE (TinyMCE - это название текстового редактора, который используется в Joomla) средства для вставки в текст картинок неудобные, поэтому под редактором (или выше редактируемого текста, но под кнопками редактирования) имеется серая кнопка "Изображение", нажав на которую пользователь получает окно для визуального выбора изображения на сайте или загрузки его туда, для выбора. Достаточно просто кликнуть по изображению и кликнуть по синей кнопке "Вставить" чтобы изображение оказалось там, где находится курсор (смотрите рисунок 5).

Рисунок 5. Вставка изображения

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

Ошибкой является загрузка на сайт изображений в состоянии "из фотоаппарата". Такие изображения имеют большой размер (более 5 тысяч точек по одной из сторон) и большой вес исчисляемый несколькими мегабайтами. Такие изображения займут на сервере много места, которое далеко не безгранично, будут медленно загружаться при просмотре страницы и возможны потери мелких деталей изображения при его уменьшении браузером. Поэтому, перед тем как загружать изображения на сайт необходимо их обработать, в частности уменьшить. Вполне подойдет 1000 точек по ширине с качеством 70-80% и разрешением 72dpi. С этой задачей отлично справится бесплатная программа "FastStone Photo Resizer".

Рисунок 6. Кнопка наложения стилей на элементы материала.

Для наложения стилей на элементы материала служит кнопка "Формат" (не меню "Формат", смотрите рисунок 6). Эта кнопка открывает список всех стилей, которые предопределены и могут быть использованы. Часть стилей отображается бледно серым цветом - их в данный момент использовать нельзя. Например, нельзя наложить на изображение стиль предназначенный для таблиц.

Чтобы наложить стиль, нужно выделить элемент (для выделения изображения - кликните по нему один раз, для таблиц - просто поставьте курсор в таблицу)

Рисунок 7. Стили.

После вставки в материал изображения стоит ему присвоить стиль. Для изображения имеются три предопределенных стиля (в стандартную поставку эти стили не входят): img.img-intext, img.img-intext200-left и img.img-intext200-right. Все три стиля устанавливают отступы, рамку и тень для изображения. Также они контролируют ширину изображения. Стили img.img-intext200-left и img.img-intext200-right задают изображению ширину менее половины возможной, прижимают изображение к левой или правой границе, а также обтекание текстом с другой стороны.

Стиль img.img-intext размещает изображение в середине контента и не задает обтекание текстом.

Если сайт находится на киррилическом домене, то дополнительные стили могут не отображаться

Зачем нужны категории?

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

Управление категориями осуществляется в "Менеджере категорий", который доступен по команде "Материалы" - "Менеджер категорий".

При создании категории достаточно задать ей имя, иногда можно дать описание. Описание, в зависимости от настроек, может выводиться на странице.

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

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

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

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

Рисунок 8. Изменение категории

Вывод материалов в виде блога

Если вы выводите материалы в виде блога, то не забывайте отделять вступительную часть текста от основной с помощью кнопки "Подробнее", которая находится ниже окна редактора (кнопку смотрите на рисунке 3 или 4). На рисунке 9 видно как могут выводиться материалы в виде блога. Здесь в каждом элементе блога выводятся заголовок материала, вступительный текст материала, изображение вступительной части материала и ссылка "Подробнее".

Рисунок 9. Отображение материалов в виде блога

Как вставить изображение вступительной части материала

В форме редактирования материала нужно перейти на вкладку "Изображения и ссылки" и нажать кнопку "Выбрать" в разделе "Изображение для вступительной части материала" (смотрите рисунок 10).

Рисунок 10. Вставка изображения для вступительного текста материала

А дальше откроется окно выбора изображения, в котором нужно визуально выбрать изображение и один раз кликнуть по нему, после чего нажать кнопку "Вставить". Рекомендую заранее подготовить несколько небольших (например 100 х 100 точек) изображений и поместить их в отдельную папку.

Изображение вступительной части материала не отображается при просмотре полного материала (после клика по ссылке "Подробнее" открывается страница с полным материалом).

* * *

P.S. Этот материал не претендует на исчерпывающую полноту описания всех аспектов работы с материалами в Joomla 3.x - вопросы можно задавать в комментариях.

редакторов содержимого Joomla - какие расширения для текстового редактора Joomla самые лучшие?

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

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

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

Звучит интересно? Итак, перейдем к теме:

Какие расширения для редактора контента Joomla самые лучшие?

JCE (редактор содержимого Joomla)

Прежде всего, у меня в этом списке есть JCE.JCE означает редактор содержимого Joomla, и это один из лучших редакторов расширений Joomla, который вы можете попробовать. Он имеет довольно много функций. Кроме того, им легко пользоваться.

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

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

С помощью этого расширения вы также сможете создавать ссылки на категории, статьи, веб-ссылки и контакты, поскольку оно поставляется с уникальным и практичным браузером ссылок.Кроме того, вы можете легко переключаться между режимами WYSIWYG, Code и Preview.

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

TinyMCE

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

Что касается функций TinyMCE, у него слишком много функций. Он поставляется с простым пользовательским интерфейсом API. В результате очень легко создавать красивые, современные интернационализированные веб-страницы. Вместе с тем в нем новый подход к дизайну. В результате теперь очень легко создавать скины, а также предлагается удобный текстовый редактор. Так вы сможете лучше отформатировать свой контент.

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

Позвольте мне сказать вам, что вам не нужно устанавливать его отдельно, как другие редакторы Joomla. Он поставляется с установленной по умолчанию Joomla. Вы можете легко переключиться на редактор TinyMCE из другого редактора со страницы конфигурации.

CodeMirror

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

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

Кроме того, он включает в себя ряд уникальных функций, включая автозаполнение (XML), сворачивание кода, настраиваемые привязки клавиш, привязки Vim, Emacs и Sublime Text, интерфейс поиска и замены, сопоставление скобок и тегов, поддержку разделенных представлений и т. на.

ARK Editor

ARK Editor также является одним из лучших текстовых редакторов Joomla, и в этом нет никаких сомнений. Одна из правильных частей этого расширения - то, что вы можете скачать его бесплатно. Кроме того, это редактор WYSIWYG, который призван упростить создание вашего контента.

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

Что еще? Расширение Joomla имеет удобный дизайн. Благодаря их интерфейсу, похожему на метро, ​​который довольно легко понять, и вы сможете настроить его всего за несколько кликов. Даже этого инструмента достаточно для работы с корпоративными разработками.

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

CKEditor

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

Говорящий CKEditor, ну, это онлайн-редактор форматированного текста, который вы можете встроить в свои веб-страницы. Это редактор WYSIWYG. В результате отредактированный текст будет выглядеть так же, как вы установили. Кроме того, инструмент поддерживается всеми популярными функциями, которые вы можете увидеть в популярных текстовых редакторах для настольных ПК, таких как Microsoft Word.

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

Вы также можете вставить из Word и Excel. Кроме того, он предлагает вам отличную поддержку таблиц с изменением размера столбцов. Кроме того, вы можете легко вставлять видео, твиты, публикации в Instagram и т. Д. Кроме того, вы сможете перетащить изображение, чтобы мгновенно загрузить его. Он предлагает вам встроенную поддержку адаптивных изображений. Так вы сможете лучше работать с изображениями.

DropEditor - Редактор форматированного текста и кода Joomla

Если вы ищете лучшее расширение для редактора Joomla, вам стоит попробовать DropEditor.Ведь он, без сомнения, один из лучших.

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

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

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

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

Редактор NextGen

Далее у меня есть редактор NextGen.Уникальность этого инструмента в том, что он создан для людей, не имеющих технических знаний. Он работает на любом существующем сайте Joomla, любом шаблоне и редакторе. Кроме того, им очень легко пользоваться.

Кроме того, в редактор загружено довольно много функций, которые чрезвычайно просты в использовании. В результате вы легко сможете создавать надежные экраны в интерфейсе пользователя или в визуальном редакторе. Вам не нужно играть с фоном - вместо этого, независимо от того, какой дизайн вы хотите создать.Инструмент вам поможет.

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

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

RokPad

В итоге у меня есть RokPad.Это простой в использовании инструмент, который предлагает вам элегантный интерфейс для редактирования контента Joomla. Таким образом, вы можете предоставить своим читателям наилучшие возможности для пользователей. Он также поставляется с некоторыми расширенными функциями, такими как действие сохранения Ajax, сочетания клавиш. Также есть множество других функций, которые вы можете попробовать.

Что касается функций, у него есть подсветка кода, и он поддерживает CSS, HTML, JavaScript, JSON, LESS, PHP, SQL, простой текст и многое другое, поскольку он поставляется с опцией сохранения ajax.В результате вы больше никогда не потеряете свой контент.

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

Кроме того, вы получите другие функции, такие как соответствие скобок, множественные курсоры и выбор, вертикальное выделение, возможность вставки в нескольких местах коротких кодов xtd-кнопок, все сразу.

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

Заключительные слова:

Итак, это были одни из лучших расширений для редактора контента Joomla. Каждое из расширений редактора Joomla имеет свои уникальные особенности и возможности. Итак, ваш призыв сейчас - взглянуть на каждое из этих расширений и выбрать наиболее подходящее для вашей работы. Кроме того, если у вас есть еще вопросы. Тогда не стесняйтесь комментировать ниже, и я обязательно вам помогу.

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

Joomla предлагает ряд отличных редакторов, способных удовлетворить большинство ваших потребностей в редактировании контента. Необходимость использования редактора Joomla возникла из-за того, что не все знают, как писать HTML напрямую, а редакторы помогают создавать статьи почти так, как вы их видите, пока редактируете. Эта способность называется «То, что вы видите, то и получаете», или, вкратце, WYSIWYG.

Давайте посмотрим, что Joomla предоставляет с точки зрения редактирования.

Установить текстовый редактор Joomla по умолчанию (WYSIWYG)

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

Сначала войдите в свою административную панель и перейдите в System> Global Configuration

Вы заметите, что вы уже находитесь на вкладке «Сайт», и это именно то место, где вы хотите быть. Чуть ниже находится опция «Редактор по умолчанию», которая предоставляет вам на выбор редакторы, которые вы уже установили.В Joomla предустановлены редакторы TinyMCE и CodeMirror. Конечно, всегда есть возможность не использовать какой-либо редактор.

После того, как вы выбрали нужный редактор, вы можете нажать зеленую кнопку «Сохранить» в верхней части экрана, и все готово!

Основные редакторы Joomla

Как мы упоминали ранее, Joomla предустановила редактор TinyMCE и редактор CodeMirror. Давайте посмотрим на этих двоих поближе.

TinyMCE

Редактор TinyMCE - это редактор WYSIWYG.Это означает, что, в зависимости от вашего шаблона Joomla, все, что вы создаете с помощью TinyMCE, будет отображаться так, как вы видите, в вашем интерфейсе Joomla. Конечно, есть большая вероятность, что в вашем дизайне будут отклонения, потому что ваш шаблон Joomla, скорее всего, будет иметь другие правила стиля, которые могут переопределить правила TinyMCE.

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

CodeMirror

Редактор CodeMirror предназначен для пользователей, которые знают, как писать непосредственно в HTML, и предоставляет им полезную цветовую подсветку синтаксиса. CodeMirror отлично подходит для тех, кому не нужны WYSIWYG-функциональность TinyMCE и ее небольшие нюансы.

Другие текстовые редакторы

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

JCE

JCE - один из старейших текстовых редакторов WYSIWYG для Joomla. Его интерфейс можно сравнить с интерфейсом TinyMCE, но он имеет гораздо большую гибкость и расширяемость. JCE на JED

ARK Editor

ARK Editor предоставляет интуитивно понятный способ редактирования вашего контента в режиме онлайн. По сути, это означает, что вам не нужно открывать контент через администратора Joomla. Вы можете редактировать его прямо из вашего интерфейса, если хотите.Редактор ARK на JED

DropEditor

DropEditor - еще один редактор WYSIWYG, который обеспечивает простой способ создания многократно используемых встроенных шаблонов, чтобы сэкономить ваше драгоценное время. DropEditor на JED

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

Если вам понравился наш небольшой учебник и введение в текстовые редакторы Joomla, не стесняйтесь подписаться на нашу рассылку и получать еженедельные уведомления о наших новейших статьях!

Пользовательский HTML-модуль Joomla - Joomla-Monster

Если вам нужно добавить новый модуль с вашим собственным текстом или изображением, вам необходимо создать пользовательский HTML-модуль Joomla с помощью редактора WYSIWYG.
Мы предоставляем множество примеров настраиваемого кода с нашими шаблонами. Просто прочтите статью «Типография», чтобы узнать, как можно разнообразить способ размещения контента на своем сайте.

Создадим собственный модуль. Перейдите в меню "Расширения " -> "Диспетчер модулей" , затем нажмите кнопку "Создать". Затем выберите Custom HTML из списка типов модулей.



Затем вы должны ввести название модуля и выбрать правильную позицию модуля из списка. На вкладке «Модуль» вы найдете область, в которую вы можете поместить содержимое вашего модуля.



В зависимости от функциональности, выбранной для редактора Joomla 3.0 по умолчанию - TinyMCE, вы получите простой, расширенный или расширенный редактор. Конечно, расширенный включает в себя большинство инструментов, которые вы можете использовать для создания содержимого модуля. Проверьте их все и выберите тот, который больше всего соответствует вашим потребностям, в Extensions -> Plug-in Manager -> Editor - TinyMCE -> вкладка Basic Options.

Теперь вы можете создать настраиваемый модуль с помощью инструментов из Панели инструментов или использовать готовый код из типографики конкретного шаблона.
Возьмем, к примеру, JM-Hotel для Joomla 3.0 - все настраиваемые модули, которые вы можете увидеть на демонстрационном сайте, вы найдете в типографии шаблона.

Давайте сделаем пример 1 (анимированные эффекты наведения курсора CSS3 для изображений) из типографики.


Что нужно сделать, чтобы добиться того же эффекта для своего изображения?

1. Загрузите изображение в корневой каталог / images / modules или загрузите изображение через Media Manager (Content -> Media Manager). Этот шаг относится к следующей части пользовательского кода.


2. Затем скопируйте и вставьте весь собственный код из статьи в редактор.


  • 1: сначала откройте окно редактора исходного кода HTML.
  • 2: изменить путь и имя изображения - ранее загруженные на сервер
  • 3: изменить текст по умолчанию на ваш
  • нажмите кнопку Обновить
  • сохранить модуль


Окончательный результат будет выглядеть следующим образом:


ПРИМЕЧАНИЕ. Подобным образом вы можете создать любой пример пользовательского кода из типографики шаблона.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *