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

2017-02-23 18:16:42 +08:00
 sox

Repo: https://github.com/egoist/hanabi

在线 demo: https://egoistian.com/hanabi/

4362 次点击
所在节点    分享创造
30 条回复
peesefoo
2017-02-23 18:18:01 +08:00
感觉配色有点乱,花花绿绿的
SourceMan
2017-02-23 18:20:07 +08:00

2333 ,这个 commit 都变成彩虹了
sox
2017-02-23 18:22:59 +08:00
只有一个正则表达式你们还期待什么 😂
sox
2017-02-23 18:26:19 +08:00
分享给各位大佬最初版本长啥样

loading
2017-02-23 18:28:01 +08:00
很好,反正外行也就看个颜色。
corona
2017-02-23 20:27:27 +08:00
不错,就是颜色有点乱,可以考虑做几个主题看看
songjiaxin2008
2017-02-23 20:47:39 +08:00
哈哈哈 会玩
sox
2017-02-23 20:57:37 +08:00
简单实现 line number XD:

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

zythum
2017-02-23 21:09:36 +08:00
一个单词一个颜色.... 这代码高亮的思路也是醉了...
sox
2017-02-23 21:20:30 +08:00
@zythum 其实只是想试试只用一个 regexp 能高亮到什么程度 233
21grams
2017-02-23 21:20:38 +08:00
这是重新定义了代码高亮
sox
2017-02-23 21:21:11 +08:00
而且最开始不是要高亮只是想搞个 rainbow 效果 XD
CosmoX
2017-02-24 06:15:26 +08:00
哈哈 真有意思~ 不介意的话,可以 fork 过去修改 syntax highlight 看看效果。。。
https://github.com/hackjutsu/Lepton
sox
2017-02-24 07:51:07 +08:00
@CosmoX MIT 有什么介不介意的 😂
sox
2017-02-24 07:52:51 +08:00
@CosmoX 哦你是叫我 fork 这个吧 😂 高亮就这效果了在哪都一样 😅
StarBrilliant
2017-02-24 08:42:24 +08:00
哇!好漂亮,真的跟花火大会一样!(偷笑)
murmur
2017-02-24 09:24:53 +08:00
提个 feature , java 的所有关键字都使用大 2 号字体显示, php 的 $比 java 关键字还要大 2 号,还要带金色描边
sox
2017-02-24 09:30:28 +08:00
@murmur 这是什么梗 😂
murmur
2017-02-24 09:31:50 +08:00
@sox java 是信仰, php 是世界上最好的语言,当然要与众不同
ThinkCat
2017-02-24 09:47:29 +08:00
楼主,你确定不是给每一个字符加了颜色吗 lol

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/342708

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX