页面特效 UI组件库 菜单导航 窗口特效 幻灯片滑动 图像相册 表单 选项卡 表格 评分星级 手风琴 文本链接 布局 日历 颜色选择器 按钮 图表 html5 提示 ExtJS 在线客服 其他特效 地图 树形控件 移动开发 BootStrap 滑动条 文件上传 表单验证 分页 播放器 Angular

轻量级可扩展的语法着色工具Prism.js

布局 HTML我帮您 10月前  次浏览
Prism 是一个轻量级,可扩展的语法着色工具,符合 Web 标准。它压缩后只有 2KB,每种语言定义约增加300-500自己大小。非常易于使用,只需要插入一个 CSS 和 JS 文件即可。支持多种着色主题。
轻量级可扩展的语法着色工具Prism.js

极致易用

引用 prism.css 和 prism.js,使用合适的 HTML5 标签(code.language-xxxx),搞定!

天生伶俐
语言的 CSS 类是可继承的,所以你只需定义一次就能应用到多个代码片段。
轻如鸿毛
代码压缩后只有 1.6KB。每添加一个语言平均增加 0.3-0.5KB,主题在 1KB 左右。
快如闪电
如果可能,支持通过 Web Workers 实现并行。
轻松扩展
定义新语言或扩展现有语法,或者新增功能都非常简单。
丰富样式

所有的样式通过 CSS 完成,并使用合理的类名如:.comment, .string, .property 等。

许多网站都在使用 Prism,如果你是前端开发者,那你一定十分熟悉这些网站smashingmagazine,alistapart,css-tricks,sitepoint,drupal,drupal,wordpress等,他们都在用

相关链接

发表评论