私信发送成功
Watch Star Fork

洗洗回家睡吧 / cfchlJavaScriptMIT

cfchl 是一款代码高亮显示JS插件,不依赖第三方类库。该插件目前支持CSS、HTML、JS、JSON、PHP的高亮显示,后期会增加对其他语言高亮显示的支持。
克隆/下载
洗洗回家睡吧 最后提交于 2017-10-26 20:08 更新 README.md
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
2017-10-22 22:58
Loading...
README.md 2.12 KB

简介

cfchl 是一款代码高亮显示的JS插件或组件,不依赖第三方类库。

使用方法

  1. 引入cfchl.js,array.js
  2. 建立顶层容器及代码块,顶层容器类名为 cfchl
  3. 实例化cfchl,通过render()方法初始化参数,通过run()方法执行

示例

<!-- 顶层容器及代码块开始-->
<!-- 皮肤位于src/skin文件夹内,自定义皮肤名即为CSS文件名,各参数请参考 default.css -->
<pre class="cfchl" lang="代码语言" skin="皮肤名称,可不填">
<img src="">
<ol>
    <li>条目一</li>
    <li>条目二</li>
</ol>
<pre>
<!--顶层容器及代码块结束-->
<script src="array.js路径"></script> //引入array.js
<script src="cfchl.js路径"></script> //引入cfchl.js
<script>
var chl = new cfchl() //实例化cfchl
chl.run() //高亮渲染
</script>

演示效果

更新历史

v2.01.00

  • 增加了对PHP高亮显示的支持

v2.00.04

  • 优化了JS高亮显示
  • 修复了CSS高亮显示已知问题

v2.00.03

  • JS高亮重新上线
  • 优化了显示

v2.00.02

  • 增加了代码一键复制功能
  • 优化了显示

v2.00.01

  • JSON高亮显示重新上线
  • 增加了自定义标题(pre标签追加title属性)
  • 优化了皮肤
  • 优化了CSS高亮显示

v2.00.00

  • 优化HTML、CSS高亮显示
  • 增加了样式自定义
  • 暂时移除JS高亮,后期优化后重新上线。

v1.03.01

  • 优化HTML高亮显示
  • 优化部分代码

v1.03.00

  • 增加了对JS高亮显示的支持

v1.02.00

  • 增加了对JSON高亮显示的支持
  • 新增配色紫色(仅JSON)

v1.01.00

  • 增加了对HTML高亮显示的支持
  • 部分代码进行了优化

v1.00.00

  • 增加了对CSS高亮显示的支持

近期动态

近期会对代码进行较大改动,语言解析规则与主代码分离,以便按需加载,减少宽带浪费;同时会提供自定义CSS类的功能,脱离原有CSS类的限制。 更新较慢,请谅解!

项目点评 ( 4 )

你可以在登录后,对此项目发表评论

4_float_left_people 4_float_left_close