2010年09月08日  当前位置: 网站开发 开源网站程序 Joomla开启GeSHi高亮显示代码

Joomla开启GeSHi高亮显示代码

E-mail 打印

Joomla! 1.5 内置GeSHi插件,此插件提供简易的代码高亮显示,默认安装时为禁用状态。

如果发布的文章中经常用到示例代码,可以使用此插件。

安装Joomla后,进入后台---扩展---插件管理,找到 Content - Code Hightlighter (GeSHi) 项,启用它。

修改当前模板使用的 CSS 文件 template.css ,在最后一行添加需要的样式,例如:

pre { 
font-size: 10px;
border: 1px solid #ddd;
border-left: 10px solid #F1F1F1;
padding: 3px;
background: #F1F1F1;
}

以后再发布文章,可以选中需要高亮显示的区域,再选择编辑器上的“预设CSS风格”中的 Preformatted 即可!请看图例……