Как вставить в статьи Joomla код на CSS, HTML, Php, JavaScript, C#, Java и других языках?
Для этого в Joomla 1.5 надо включить мамбот «Content — Code Hightlighter (GeSHi)». Затем в саму статью можно вставлять код вида:
1 |
<pre xml:lang="php"> |
Дальше код на php, например, «
if($x){echo $x;} » и закрыть тэг pre.
В итоге php код должен подсветиться так:
1 |
if($x){echo $x;} |
Если всё равно не работает подсветка:
- Попробуйте в админке Joomla перейти Материалы > Менеджер материалов > Параметры и поменять тип фильтрации. Попробуйте «чёрный список».
- Попробуйте редактировать текст не с помощью TinyMCE, а без редактора (Editor — no Editor)
Когда подсветка сработала можно перейти к редактированию CSS файла шаблона. Например,
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
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 файл шаблона следующих строк:
1 2 3 4 |
TABLE.blog { width:100%; table-layout:fixed; } |
Но хотелось бы иметь плагин к JCE. И он есть… Читать про это