其他代码

Syntaxy - 网页语法高亮jQuery插件

阿里云

Syntaxy.js 是一款小巧灵活的网页语法高亮 js 插件。Syntaxy.js 支持各种主流的编程语言,提供 3 种主题样式。它默认是 JS 插件,但是也可以作为 jQuery 插件来使用。

使用方法:

使用该语法高亮插件需要在页面中引入 syntaxy.theme.min.css 文件和 syntaxy.min.js 文件。

也想出现在这里?联系我们
创客主机
  1. <link rel="stylesheet" href="syntaxy.theme.min.css" />
  2. <script type="text/javascript" src="js/syntaxy.min.js"></script>

HTML 结构:

使用[pre]标签来格式化代码片段。
[pre id="codebox" data-type="default"]
// 这里放置需要格式化的代码片段
// default 是格式化语法高亮过滤器的名称
[/pre]

初始化插件:

通过纯 JS 来初始化 Syntaxy 插件:

  1. <script type="text/javascript">
  2.   var options = {};
  3.   var codebox = document.getElementById( 'codebox' );
  4.   var syntaxy = new Syntaxy( codebox, options );
  5.   // add custom filters, modify options, etc. then...
  6.   syntaxy.render();
  7. </script>

通过 jQuery 来初始化 Syntaxy 插件:

  1. <script type="text/javascript">
  2.   var options = {};
  3.   $( '#codebox' ).syntaxy( options );
  4. </script>

配置参数:

有多种方法可以为 Syntaxy 插件设置配置参数:第一种方法是在初始化时以对象的方式传入 Syntaxy 构造函数中。第二种方法是使用 setOptions( options );方法。第三种方法是使用 data 属性来进行参数传递。

Syntaxy - 网页语法高亮 jQuery 插件

已有 414 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!