代码高亮 highlightjs 使用文档

用法

 
 
<link rel="stylesheet" href="../../assets/highlight/styles/default.css">
<script type="text/javascript" charset="UTF-8" src="../../assets/highlight/highlight.pack.js"></script>

API

暴露出来的方法都放在hljs对象中

  • highlight(name, value, ignore_illegals, continuation)
    用指定的语言高亮代码块
    参数:
       
       
    name:语言名称
    value:原始HTML字符串
    ignore_illegals:是否忽略非法字符
    continuation:是否继续未完成的解析

返回值:Object
language: 指定的语言,和输入的一致
relevance: 整数值
value: 处理后的高丽HTML字符串
top: top of the current mode stack

  • highlightAuto(value, languageSubset)
    自动高亮指定语言中的代码块
    参数:
       
       
    valuehtml标签
    languageSubset:语言数组
    返回值:Object
       
       
    language: 检测到的语言
    relevance: 整数值
    value: 被高亮的HTML标记
    second_best: 检车到的第二语言,有可能为空
  • fixMarkup(value)
    后处理高亮的标记,比如替换TAB<br>等,配置项是在configure中设置的

  • highlightBlock(block)
    应用高亮到一个包含代码的DOM节点上

  • configure(options)
    全局配置
    tabReplace: 用来替换TAB字符串的字符
    useBR: 一个开关选项,用来生成<br>代替新一行的字符,当代码使用非<pre>包裹时很有用
    classPrefix: 一个加载类名前面的字符串标记,为了兼容样式表
    languages: 语言名称或别名的数组,对于这些语言使用自动检测

       
       
    hljs.configure({
    tabReplace: ' ', // 4 spaces
    classPrefix: '' // don't append class prefix
    // … other options aren't changed
    })
    hljs.initHighlighting();
  • initHighlighting()
    在页面的<pre><code>..</code></pre>区域上应用高亮

  • initHighlightingOnLoad()
    绑定高亮到页面加载事件上

  • registerLanguage(name, language)
    增加一种支持语言,绝大部分情况下内部使用
    name:被支持语言的名称
    language支持语言的函数

  • listLanguages()
    返回语言名称列表

  • getLanguage(name)
    通过名称或者匿名查找语言,返回一个object对象,否则返回null

参考资料

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值