IT.vrukah.info

 

Joomla. Как вставить Javascript в статью или в Custom HTML module.

{jcomments off}{jcomments on}Если вы планируете использовать на страницах сайта:

  • счётчик посещений
  • код баннерообменной системы
  • код рекламной сети
  • просто требуемый Javascript,

причём не хотите редактировать шаблон, а предпочитаете использовать для этого статью (article) или модуль "HTML-код" (Custom HTML module), эта информация для Вас.

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

WYSIWYG редакторы позволяют редактировать в режиме HTML- разметки, когда нужно просто опубликовать текст и расставить выделение ( <b>...</b> ) и заголовки (<h1>) здесь и там, но когда вы пытаетесь опубликовать с их помощью код Javascript, редакторы будут делать все возможное, чтобы переформатировать код в читаемый текст, вместо того, чтобы сохранять его как фактически работающий код.

Кроме того, в Joomla существуют настройки безопасности, которые могут запрещать использование кода Javascript в HTML. В подобных случаях текстовый редактор просто удаляет все <script> блоки.

Таким образом, при добавлении некоторых пользовательских Javascript'ов в ваши статьи или в модуль " HTML-код", вы можете обнаружить, что скрипт не работает в пользовательском интерфейсе, искажён, или даже исчез из HTML текста.

Сразу отметим, что если бы проблема всегда решалась выбором
"Без редактора"

( Сайт / Общие настройки / Настройки сайта/ Редактор по умолчанию ), что, конечно можно попробовать в первую очередь, то необходимости читать дальше не возникло бы :)

Если же не помогло, то чтобы решить подобные проблемы, следуйте следующим инструкциям:

  1. Установите настройки фильтрации текста в режим, позволяющий безопасно использовать Javascript в HTML- редакторе.

    Настройка фильтрации текста в режим, позволяющий безопасно использовать Javascript в HTML- редакторе
    • Интерфейс администратора / Общие настройки / Фильтры текста
    • Выберите "нет фильтрации " для группы Super Users. Прочим группам это назначать нет необходимости.
    • Нажмите кнопку "Сохранить "
  2. Настройте текстовый редактор так, чтобы он позволял располагать <script> элементы в коде.

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

    • В панели администратора, перейдите на
      Расширения (Extensions)/ Менеджер плагинов ( Plug -In Manager), найдите строчку " Редактор - TinyMCE" ( " Editors - TinyMCE") и кликните на ней;
    • Справа, в настройках TinyMCE, найдите раздел "Запрещенные теги" и удалите "script" из списка
    • Нажмите кнопку "Сохранить "

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

  3. В настройках HTML-модуля, содержащего js, установите параметр "Prepare Content"  =  NO

  4. Используйте "HTML" режим при вставке JavaScript кодов в HTML.

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

    Найдите соответствующую HTML кнопку или вкладку где-то в меню редактора.

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

    Joomla интерфейс администратора иногда, также, предоставляет кнопку "Выключить редактор" ( "Toggle editor"), (под окном редактора), нажимая которую, вы можете переключаться из режима WYSIWYG в редактор HTML кода и обратно:

Следуя вышеуказанным рекомендациям, вы сможете размещать работающие Javascript коды в ваших статьях или в HTML-коде.

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

 

Andrey Soldatov

Яндекс.Метрика