码云账号不再使用社区账号进行二次身份验证的通知 详情
私信发送成功
Watch Star Fork

洗洗回家睡吧 / cfchlJavaScriptMIT

cfchl 是一款代码高亮显示JS插件,不依赖第三方类库。该插件目前支持CSS、HTML、JSON的高亮显示,后期会增加对其他语言高亮显示的支持。
克隆/下载
洗洗回家睡吧 最后提交于 2017-10-18 16:47 . 更新 cfchl.js
2017-10-18 00:31
Loading...
README.md 1.61 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.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高亮显示的支持

项目点评 (4)

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