Как вставить HTML код в ? — Joomla 3.x: Общие вопросы
Сегодня важный день для проекта Joomla! Мы отмечаем два года напряженной работы наших добровольцев, решивших выпускать новую основную версию каждые два года. После большого количества обсуждений, спринтов по написанию кода и устранения ошибок этот день наконец настал и мы с гордостью объявляем о выпуске новой мажорной ( major ) версии Joomla 5.0, наряду с Joomla 4.4.
В Joomla Extensions Directory появился тег совместимости с Joomla 5.
Joomla-разработчики, проверившие совместимость своих расширений с Joomla 5 могут поставить галочку ��
JoomlaDay Spain, Madrid.
В Мадриде, Испания 5-6 октября 2023 года проходит Joomla Day — конференция, посвящённая как новичкам, так и профессионалам, работающим с Joomla.
Joomla — Урок 9. Учимся вставлять html/javascript-код
Продолжаем наполнять наш сайт материалами, сегодня будем создавать статью под названием Контакты. Посмотрите на нее на сайте-образце. Из нового здесь присутствует карта Google.
Итак, создаем материал под названием Контакты (contact). Копируем текст материала, кроме карты, форматируем и сохраняем статью:
Теперь нам надо вставить Google maps. Существую различные способы вставки стороннего html/javascript-кода на сайты, сделанные на Joomla. Я предлагаю один из самых простых, с использованием расширения Joomla — модуля mod_specialhtml_J15.
Итак, скачайте модуль к себе на компьютер. Теперь идем в Расширения — Установка и удаление. Нажимаем на кнопку Обзор, выбираем модуль mod_specialhtml_J15.zip и нажимаем на кнопку Закачать файл (подробно об установке расширений мы говорили в 5 уроке).
В 5 уроке мы говорили, что модуль отвечает за то, в каком месте сайта или страницы будет отображаться информация. Значит для его использования нам необходимо модуль создать и указать, где его отображать.
Для этого мы идем в Расширения — Модули:
и нажимаем на кнопку Новый:
Ставим галочку у Special HTML и нажимаем кнопку Следующая:
- Название, например — Карта Google.
- Отобразить заголовок — Нет.
- Включен — Да.
- Положение — map1. Эту позицию надо набрать вручную. Joomla предлагает в списке те позиции, которые у нее есть в шаблоне, но мы будем вставлять этот модуль в статью, и поэтому положение для него мы определяем сами. (Подробнее об этом мы будем говорить в следующем уроке).
- В параметрах модуля, на вкладке HTML/JavaScript нам надо указать код нашей карты.
Чтобы получить код карты, мы идем на http://maps.google.com/. В строке поиска набираем название фирмы сайта-образца — Русобои СПб. Появляется карта с местоположением нашей фирмы, нажимаем на кнопку Ссылка и видим HTML-код для добавления на сайт:
Копируем этот код, вставляем его в параметры нашего модуля и сохраняем:
Теперь идем в Статьи — Статьи, выбираем нашу статью Контакты и открываем ее для редактирования. Встаем курсором мыши в то место, где должна быть наша карта и пишем следующую команду: :
Таким образом, мы создали модуль с кодом карты (map1), а в статье указали, где этот модуль надо отобразить (loadposition). Сохраняем нашу статью. В следующем уроке мы создадим меню и увидим, как выглядят страницы нашего сайта, а пока подведем итог этого урока:
Чтобы вставлять в Joomla html/JavaScript-код, необходимо:
- Создать модуль (в Расширения — Модули), выбрать тип (Special HTML), дать модулю название, задать имя его положения и вставить сам код.
- На странице встать курсором в место, куда будет вставлен модуль и написать команду .
Если этот сайт оказался вам полезен, пожалуйста, посмотрите другие наши статьи и разделы.
Как создать стандартный модуль сайта «HTML-код» содержащий JavaScript в админке Joomla 3
Иногда требуется вставить JavaScript на страницу материала Joomla или создать модуль с JavaScript. Это, например, может требоваться для вставки рекламных объявлений Google AdSense или встроить на страницы сайта код Яндекс.Метрики. Это примеры очевидных применений интеграции сторонних web-приложений на страницы сайта на Joomla 3. В этой статье рассмотрим, как создать стандартный модуль сайта «HTML-код» содержащий JavaScript в админке Joomla 3, так как с этим не всё просто. 😉
Попытка вставить JavaScript в стандартный модуль сайта «HTML-код» с текстовым редактором TinyMCE
Стандартным редактором текстовых полей в Joomla 3 является визуальный текстовый редактор TinyMCE. То есть он установлен «по умолчанию» в Общих настройках Joomla. Итак, попробуем создать стандартный модуль сайта «HTML-код», содержащий JavaScript так, как описано в → этой статье. Для этого создадим новый стандартный модуль сайта «HTML-код»:
В текстовое поле вставим код, содержащий JavaScript и нажмём кнопку «Сохранить»:
Результат будет занятный: всё, что содержало код JavaScript будет удалено (это явно проделки редактора TinyMCE). И как бы не стараться и не пытаться сохранить в модуле код, содержащий JavaScript, TinyMCE будет его удалять перед тем, как отправить его на сервер.
Смена текстового редактора по умолчанию на CodeMirror в общих настройках Joomla
Намучавшись с параноидальным TinyMCE, нужно зайти в Общие настройки Joomla и поменять текстовый редактор по умолчанию на CodeMirror так, как подробно описано в → этой статье:
Вставка JavaScript в стандартный модуль сайта «HTML-код» с текстовым редактором CodeMirror
После смены текстового редактора по умолчанию попробуем ещё раз вставить и сохранить в стандартном модуле сайта «HTML-код», содержащий JavaScript:
После сохранения можно убедиться, что CodeMirror отлично справляется с задачей сохранения JavaScript в стандартном модуле сайта «HTML-код» и не вносит в этот код никаких правок и изменений:
Как будет указано ниже, имеет смысл всё-таки в качестве текстового редактора по умолчанию держать TinyMCE, поэтому в название (в Заголовок) модуля имеет вносить какую-то пометку, чтобы не лезть в него с правками из-под TinyMCE, так как он просто вычистит весь JavaScript код. (См. поле «Заголовок» на картинке выше.)
Для того, чтобы убедиться, что CodeMirror действительно сохраняет JavaScript код можно залезть в phpMyAdmin и в поле «content» таблицы «_modules» в записи этого модуля ещё раз увидеть изначально введённый JavaScript код. Что и требовалось!
Резюме
После того, как все изменения сделаны и код JavaScript сохранён в базе данных сайта, имеет смысл обратно вернуть TinyMCE в качестве текстового редактора по умолчанию. На мой взгляд он более удобен для публикации материалов в Joomla, чем CodeMirror.
Заберите ссылку на статью к себе, чтобы потом легко её найти!
Раз уж досюда дочитали, то может может есть желание рассказать об этом месте своим друзьям, знакомым и просто мимо проходящим?
Не надо себя сдерживать! 😉
Как добавить произвольный код в статью Joomla
Здравствуйте дорогие друзья и любители Joomla. Я получил несколько запросов о том, как вставить произвольный HTML код в статью. Иногда вам можете понадобиться внедрить в статью Flash, JavaScript или просто HTML код. Однако, этот код исчезает или изменяется, при сохранении статьи. Это происходит из-за механизма безопасности, встроенного в редактор.
Как добавить произвольный код в статью Joomla
Он не позволяет вам или любому другому пользователю с правами добавления статей вставлять в них вредоносный код. Если вы используете стандартный HTML редактор Joomla, то можете отключить этот механизм следующим образом:
Как вставить код в статью Joomla
Вставляем код в статью версии Joomla 1.5
1. Войдите в панель администрировани я
2. Перейдите в раздел Расширения — Менеджер Плагинов
3. Найдите плагин под названием Редактор — Tiny MCE и нажмите на его заголовок, чтобы войти в режим редактирования
4. Взгляните на параметры в правой стороне экрана и убедитесь, что Очистка кода при запуске отключена. Измените опцию Очистка кода при сохранении на Никогда, а параметр Кодирование Сущностей на Не преобразовывать (смотрите изображение ниже). Кроме этого, необходимые вам теги не должны быть перечислены в строке Запрещённые элементы.
5. Сохраните изменения при помощи кнопки в правой верхней части экрана
Когда вы в следующий раз будете писать или редактировать статью, нажмите на кнопку HTML в редакторе и вставьте свой код в нужное место. После сохранения статьи он останется неизменным.
Вставляем код в статью версии Joomla 2.5
Инструкции для редактора TinyMCE в Joomla 2.5 практически не отличаются от инструкций к его версии из Joomla 1.5. Исчезла опция Очистка Кода, а некоторые дополнительные параметры изменились, но вы всё равно можете следовать пошаговой инструкции, приведённой ниже. Главное, установите опцию Кодирование Сущностей в положение не преобразовывать и убедитесь в том, что элементы, которые вы намерены вставлять в тексты статей, например, фреймы, не запрещены.
Вот скриншот параметров новой версии:
После таких не хитрых действий с настройкой редактора, вы сможете без проблем вставлять код, видео и другое в свои статьи. А на этом пост Как добавить произвольный код в статью Joomla завершен. Желаю вам приятных выходных. Увидимся.
Похожие статьи про расширения для Joomla:
- ремонт компьютеров на дому
- JoomlaXTC News Share Module — модуль вывода новостей для Joomla 1.5
- Успех сайта равен его посещаемости
- Услуги и предложения азартного клуба Париматч: регистрация и вход
- Создание сайтов для мобильных устройств
- Дорого ли снять квартиру на сутки в Киеве?
- Лучший компонент фотогалереи для CMS Joomla 2.5 и Joomla 1.5