资讯专栏INFORMATION COLUMN

代码高亮,highlight.js的调用方法及其问题

VioletJack / 638人阅读

摘要:是一个用来高亮代码的插件下载地址配色参考使用方法你好结果可以看到使用只需要三步引入引入调用函数。有时候我们不想一出来就编译代码块,例如需要鼠标点击按钮然后在编译等。这时候调用函数是发现不能够编译。这时候就可以调用函数。

highlight.js是一个用来高亮代码的插件
下载地址:https://highlightjs.org/downl...
配色参考:https://highlightjs.org/stati...
使用方法:


    
你好

结果:

可以看到使用highlight.js只需要三步:引入css、引入js、调用initHighlightingOnLoad函数。

有时候我们不想一出来就编译代码块,例如需要鼠标点击按钮然后在编译等。这时候调用initHighlightingOnLoad函数是发现不能够编译。可以自己试一下、onload中也不能编译。
这时候就可以调用initHighlighting函数。

    
    

但是,发现highlight只编译一次,如,想第一一次按钮编译一次,结果只有第一次编译了。




    
    测试
    
    



    

解决方法:源码中initHighlighting调用的是v函数,该函数使用v.called记录是否第一次编译,之后将v.called设置为了true,只要将"v.called = !0;"注释掉,就可以了。

在点击按钮,之后就可以每一次都执行编译了。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/100354.html

相关文章

  • 代码高亮highlight.js调用方法及其问题

    摘要:是一个用来高亮代码的插件下载地址配色参考使用方法你好结果可以看到使用只需要三步引入引入调用函数。有时候我们不想一出来就编译代码块,例如需要鼠标点击按钮然后在编译等。这时候调用函数是发现不能够编译。这时候就可以调用函数。 highlight.js是一个用来高亮代码的插件下载地址:https://highlightjs.org/downl...配色参考:https://highlightj...

    lauren_liuling 评论0 收藏0
  • 代码高亮highlight.js调用方法及其问题

    摘要:是一个用来高亮代码的插件下载地址配色参考使用方法你好结果可以看到使用只需要三步引入引入调用函数。有时候我们不想一出来就编译代码块,例如需要鼠标点击按钮然后在编译等。这时候调用函数是发现不能够编译。这时候就可以调用函数。 highlight.js是一个用来高亮代码的插件下载地址:https://highlightjs.org/downl...配色参考:https://highlightj...

    Eminjannn 评论0 收藏0
  • Ghost配置2——添加代码高亮

    摘要:使用的初体验,主题外观都很满意,除了代码段的显示效果。用加高亮做关键字,能搜出一大堆的代码高亮方案。因为有了新的功能代码注入。加入目前第三方高亮模块,主要以和为主,二者没有太大的区别。让高亮生效加入后,并没有让高亮效果马上生效。 使用Ghost的初体验,主题外观都很满意,除了代码段的显示效果。 没有代码高亮,这效果怎么说呢?就像是使用了文本编辑器在写代码,说不上离经叛道,但就是从心底觉...

    Faremax 评论0 收藏0

发表评论

0条评论

VioletJack

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<