Syntaxy.js 是一款小巧灵活的网页语法高亮 js 插件。Syntaxy.js 支持各种主流的编程语言,提供 3 种主题样式。它默认是 JS 插件,但是也可以作为 jQuery 插件来使用。
使用该语法高亮插件需要在页面中引入 syntaxy.theme.min.css 文件和 syntaxy.min.js 文件。
<link rel="stylesheet" href="syntaxy.theme.min.css" />
<script type="text/javascript" src="js/syntaxy.min.js"></script>
使用[pre]标签来格式化代码片段。
[pre id="codebox" data-type="default"]
// 这里放置需要格式化的代码片段
// default 是格式化语法高亮过滤器的名称
[/pre]
通过纯 JS 来初始化 Syntaxy 插件:
<script type="text/javascript">
var options = {};
var codebox = document.getElementById( 'codebox' );
var syntaxy = new Syntaxy( codebox, options );
// add custom filters, modify options, etc. then...
syntaxy.render();
</script>
通过 jQuery 来初始化 Syntaxy 插件:
<script type="text/javascript">
var options = {};
$( '#codebox' ).syntaxy( options );
</script>
有多种方法可以为 Syntaxy 插件设置配置参数:第一种方法是在初始化时以对象的方式传入 Syntaxy 构造函数中。第二种方法是使用 setOptions( options );方法。第三种方法是使用 data 属性来进行参数传递。
演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!