[虎绿林]换了个代码高亮库,感觉功能有点弱啊

@Ta 07-10 01:16 956点击

以前用的GeSHI.php在PHP7上运行的越来越慢,还每次都报函数已废弃错误。所以换成了前端代码高亮。

目前用的是 https://highlightjs.org/
感觉对PHP的支持有点弱啊,比如缺少GeSHI支持的以下功能:

  1. 行号(试过第三方插件,不完美)。
  2. PHP变量名高亮。
  3. PHP系统函数自动添加到PHP.net的链接。

至于谷歌的prettify.js,目前不支持PHP

还有谁有好用的前端代码高亮库?求推荐

回复列表(23)
  • 1
    000
    @Ta / 07-10 03:08
    也只用过highlight.js
  • 2
    @Ta / 07-10 03:12

    🍾
    小米5黑色低配版

  • 3
    @Ta / 07-10 04:08

    233

    -喜欢就啪啪啪啊 表白有什么用- blog:LDXW.TOP
  • 4
    @Ta / 07-10 07:34

    @穴儿,你活了?

  • 5
    @Ta / 07-10 12:43
    自己写🌝
  • 6
    @Ta / 07-10 13:17

    @老虎会游泳
    highlight 之前首选的就是它,但是他给我的感觉,配色太土了。

    给我感觉好几年前的。。。。。

    然后,我又去看了其他高亮插件的配色,,嗯,可以理解了,一个样子。。。

    目前我博客使用的是:https://prismjs.com/

    勉强可以,最主要它有显示行号插件和复制插件(应该是利用的clipboard)

    可以看一下:

    图
    (为了张图片,改了三次帖子。UBB神马的全忘了)

    嗯,我的博客:https://misiyu.cn

    嗯,宣传是目的 23333

    @姜辰 。。。。。。

  • 7
    @Ta / 07-10 13:24

    @无道,highlight.js可以换主题,所以配色不是什么问题。我选了github-gist做为默认主题,经典夜间模式用的是solarized-dark。问题就是不支持行号,以及PHP能高亮的内容太少。

    还有你的图并不能显示,因为防盗链

  • 8
    @Ta / 07-10 13:18

    @无道
    hmd global nokia 7 plus(黑色)

  • 9
    @Ta / 07-10 13:30

    @老虎会游泳,是的,可以换主题。

    我之前也在烦highlight行号的问题。网上找到有方案(大致有几种思路):
    其一:
    貌似有行号的js插件。但是我当时使用好像有一些问题,所以放弃了。

    其二:

    $("code").each(function(){
      $(this).html("<ol><li>" + $(this).html().replace(/\n/g,"\n</li><li>") +"\n</li></ol>");
    });
    

    这种思路就是替换增加ul和li 再配合css来到达显示行号的作用。

    但是!!!
    它会在代码的最后新增一个空行,这是作为强迫症的我不能接受的。

    还有我的图并可以以显示,因为我发现防盗链之后新增了允许。 【假设这里有表情。。。。】

  • 10
    @Ta / 07-10 13:35

    @无道,然而实际上没有生效

    <Error>
    <Code>AccessDenied</Code>
    <Message>You are denied by bucket referer policy.</Message>
    <RequestId>5D2578B4DF97EBE0A204B1F2</RequestId>
    <HostId>wimg.misiyu.cn</HostId>
    <BucketName>w-fille</BucketName>
    </Error>
  • 11
    @Ta / 07-10 13:36
  • 12
    @Ta / 07-10 13:40

    @无道,你之所以可以显示,是因为你浏览器有缓存。你试试打开F12控制台,勾选禁用缓存,然后刷新
    当然还有可能存在这种问题:不同地区的CDN配置不一致,某些地区的CDN还没有启用新的防盗链规则。

  • 13
    @Ta / 07-10 13:42
    @老虎会游泳


    应该是缓存问题吧。

    这不是重点,偏题了。
  • 14
    @Ta / 07-10 13:51

    @无道https://prismjs.com/ 看起来确实很好。现在唯一还差的可能就是PHP的函数自动链接了(比如 trim 链接到 http://php.net/trim )。
    不知道网上有没有插件,或者我得自己改一下它那个auto linker插件。

  • 15
    @Ta / 07-10 14:00
    @老虎会游泳,这个好像没有。估计得自己加了。

    我博客的md渲染是使用的github的配色(偏简洁白色),但是这个代码的配色没有能搭配上的。
  • 16
    @Ta / 07-10 20:32
    @已重置,认证了,一直潜水😂
  • 17
    @Ta / 08-01 00:24
    我也用的这个,行号问题好解决,把我这个页面拔下来,有个外部index.js里面就有一个行号的函数可以直接复制粘贴用。https://www.op112.com/depot/developer/client/10.html
  • 18
    @Ta / 08-01 11:43

    @Op112_Com,你发一个超过100行的代码试试。我之前用的行号插件只能显示两位数行号,所以不好用。虎绿林经常有长代码(网页插件)。

添加新回复
回复需要登录

[聊天-公共聊天室] 马上发卡:@所有人 欢迎大家入驻马上发卡平台https:www.mashangfaka.com