Joomla режет код.Как вставить код PHP и JavaScript на сайт

Думаю многие веб-мастера сталкивались с проблемой, когда при попытке вставить в статью код PHP или JavaScript, визуальный редактор TinyMCE , встроенный в CMS Joomla, начинает  наглым образом обрезать и корежить код. Причем все попытки усмирить редактор и отключить в настройках опции «Очистка кода при загрузке» и «Очистка кода при сохранении», не дают должного результата.

Что касается вставки кода рекламы или видео в тело статьи, я всегда использую два очень полезных расширения Joomla модуль Simpleadsense и плагин ModulesAnywhere . О них я писала в статье «Как вставить видео с Youtube на сайт Joomla».

Но иногда возникает необходимость вставить в тело статьи код PHP или JavaScript в качестве примера, чтобы он не исполнялся и тут начинается хрень полная: при просмотре в редакторе TinyMCE текста статьи код написан правильно, а при просмотре сайта в окне браузера он претерпевает некоторые изменения, причем не всегда явно заметные.

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

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

Плагин Sourcerer

Плагин Sourcerer позволяет размещать PHP и любой вид HTML кода (в том числе CSS и JavaScript) прямо в контент! Не только в статьях, но и в разделы, категории, модули, компоненты и пр. Причем размещенный код может исполняться или выводиться просто виде подсвеченного текста.

Скопировать плагин вы можете с сайта разработчика . Если не найдете там версию для Joomla 1.5, 1.6, 1.7, то скачивайте здесь. Это стабильная версия плагина Sourcerer для вышеуказанных расширений.

Устанавливаете расширение через админпанель Расширения  >  Установить/Удалить. Причем после инсталляции у вас в менеджере плагинов появляется сразу два плагина Editor Button Sourcerer и System Sourcerer. Оба они включены по умолчанию. Настройки можете не трогать, там все отлично.

Далее открываете статью в визуальном редакторе Joomla, там внизу появилась кнопка «Вставить код < >», ставите курсор на то место куда будете вставлять код и жмете кнопку. Открывается вспомогательное окно редактора кода.

Там между тегами <source> стоит пример кода (Вывод примера в окне редактора кода можно выключить в плагине  Editor Button Sourcerer), косите его и вставляйте свой и жмите «Вставить».

Код, вставленный в теги source, будет исполняться  CMS Joomla. Такую вставку используем если надо вывести рекламу, видео и пр.

В том случае, если вам необходимо вставить просто пример кода в статью (без его исполнения), то в окне редактора кода, первым делом, отключаете теги <source>, для этого жмете внизу кнопку «Переключение тегов source» и вставляете свой код.

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

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

ВНИМАНИЕ: Напоминаю, что вышеописанными способами код PHP, HTML, CSS и JavaScript можно вставлять не только в статьи, но и в разделы, категории, модули( произвольный код HTML), компоненты и пр.

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