爱意满满的作品展示区。
sox

我写了一个代码高亮库,只有 700 bytes 大

  •  1
     
  •   sox ·
    egoist · Feb 23, 2017 · 5443 views
    This topic created in 3552 days ago, the information mentioned may be changed or developed.
    30 replies  •  2017-03-01 18:40:02 +08:00
    peesefoo
    peesefoo
    Feb 23, 2017
    1
    感觉配色有点乱,花花绿绿的
    SourceMan
    SourceMan
    Feb 23, 2017
    2

    2333 ,这个 commit 都变成彩虹了
    sox
    sox
    OP
    Feb 23, 2017
    3
    只有一个正则表达式你们还期待什么 😂
    sox
    sox
    OP
    Feb 23, 2017
    4
    分享给各位大佬最初版本长啥样

    loading
    loading
    Feb 23, 2017 via Android❤️2
    5
    很好,反正外行也就看个颜色。
    corona
    corona
    Feb 23, 2017
    6
    不错,就是颜色有点乱,可以考虑做几个主题看看
    songjiaxin2008
    songjiaxin2008
    Feb 23, 2017 via Android
    7
    哈哈哈 会玩
    sox
    sox
    OP
    Feb 23, 2017
    8
    简单实现 line number XD:

    let lineNumber = 0
    let out = hanabi(code)
    .replace(/^/gm, m => {
    return `<span style="width: 30px; display: inline-block">${++lineNumber}</span>`
    })

    zythum
    zythum
    Feb 23, 2017
    9
    一个单词一个颜色.... 这代码高亮的思路也是醉了...
    sox
    sox
    OP
    Feb 23, 2017
    10
    @zythum 其实只是想试试只用一个 regexp 能高亮到什么程度 233
    21grams
    21grams
    Feb 23, 2017
    11
    这是重新定义了代码高亮
    sox
    sox
    OP
    Feb 23, 2017
    12
    而且最开始不是要高亮只是想搞个 rainbow 效果 XD
    CosmoX
    CosmoX
    Feb 24, 2017
    13
    哈哈 真有意思~ 不介意的话,可以 fork 过去修改 syntax highlight 看看效果。。。
    https://github.com/hackjutsu/Lepton
    sox
    sox
    OP
    Feb 24, 2017 via Android
    14
    @CosmoX MIT 有什么介不介意的 😂
    sox
    sox
    OP
    Feb 24, 2017 via Android
    15
    @CosmoX 哦你是叫我 fork 这个吧 😂 高亮就这效果了在哪都一样 😅
    StarBrilliant
    StarBrilliant
    Feb 24, 2017 via Android
    16
    哇!好漂亮,真的跟花火大会一样!(偷笑)
    murmur
    murmur
    Feb 24, 2017
    17
    提个 feature , java 的所有关键字都使用大 2 号字体显示, php 的 $比 java 关键字还要大 2 号,还要带金色描边
    sox
    sox
    OP
    Feb 24, 2017 via Android
    18
    @murmur 这是什么梗 😂
    murmur
    murmur
    Feb 24, 2017
    19
    @sox java 是信仰, php 是世界上最好的语言,当然要与众不同
    ThinkCat
    ThinkCat
    Feb 24, 2017
    20
    楼主,你确定不是给每一个字符加了颜色吗 lol
    sox
    sox
    OP
    Feb 24, 2017 via Android
    21
    @ThinkCat 代码在那……
    malcolmyu
    malcolmyu
    Feb 25, 2017
    22
    不解析语法树,高亮肯定不靠谱啊。。
    sox
    sox
    OP
    Feb 25, 2017 via Android
    23
    @malcolmyu 谁会用 700byte 实现一个 ast ……
    malcolmyu
    malcolmyu
    Feb 25, 2017
    24
    @sox #23 考验大佬实力的时候到了🌚
    malcolmyu
    malcolmyu
    Feb 25, 2017
    25
    @sox #23 卧槽,原来是 eme 的作者!向 dalao 低头
    xvx
    xvx
    Feb 27, 2017 via iPhone
    26
    为何不一个字符随机一种颜色,效果会更炫目……
    sox
    sox
    OP
    Feb 27, 2017
    27
    @xvx 上面截图不是有吗
    vilicvane
    vilicvane
    Feb 27, 2017
    28
    @sox 想到了之前写过的一个高亮, 也是一个语言一个正则 https://vilic.github.io/vejis/script/vlight.js
    效果可见 https://vilic.github.io/vejis/
    sox
    sox
    OP
    Feb 28, 2017
    29
    @vilic 这个不是一个语言 😂 所有语言都一个效果
    AsisA
    AsisA
    Mar 1, 2017 via iPhone
    30
    乍一看还挺好看的 233
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2081 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 49ms · UTC 14:39 · PVG 22:39 · LAX 06:39 · JFK 09:39
    ♥ Do have faith in what you're doing.