Как вставить в статьи Joomla код на CSS, HTML, Php, JavaScript, C#, Java и других языках?
Для этого в Joomla 1.5 надо включить мамбот "Content - Code Hightlighter (GeSHi)". Затем в саму статью можно вставлять код вида:<pre xml:lang="php">Дальше код на php, например, "
if($x){echo $x;}
" и закрыть тэг pre.
В итоге php код должен подсветиться так:
if($x){echo $x;}
Если всё равно не работает подсветка:
- Попробуйте в админке Joomla перейти Материалы > Менеджер материалов > Параметры и поменять тип фильтрации. Попробуйте "чёрный список".
- Попробуйте редактировать текст не с помощью TinyMCE, а без редактора (Editor - no Editor)
Когда подсветка сработала можно перейти к редактированию CSS файла шаблона. Например,
PRE { display: block; /*Элемент показывается как блочный. */ width:95%; /*ширина блока */ overflow:auto; /* Добавлять полосы прокрутки к блоку только при необходимости */ background-color: #F5F5F5; /* цвет фона */ border:dashed 1px #53799C; /*пунктирная граница */ border-left:4px solid #53799C; /* а слева - толстая граница*/ margin:10px; padding:10px; } /* Можно сделать конкретно для php файла, например красную границу */ PRE.php{ /*Стиль конкретно для php файлов*/ border-left:4px solid red; }
У меня в Joomla 1.5 на странице статьи всё показывалось нормально, а на главной странице (и любой странице типа "блог") каждая статья находилась внутри таблицы TABLE.blog, и блок PRE, содержайщий длинную строчку, вытягивался на всю ширину строки. Помогла вставка в CSS файл шаблона следующих строк:
TABLE.blog { width:100%; table-layout:fixed; }
Но хотелось бы иметь плагин к JCE. И он есть... Читать про это