谈谈iceCode代码高亮插件的开发问题,由我们国人开发代码高亮插件!

做为一名资深的开发者,有时候再写一些技术性的文章时,常常需要使用代码高亮插件来展示自己的代码,大家都知道SyntaxHighlighter、Google Code Prettify、Highlight等等JavaScript代码高亮插件,你或许发现最出名的这几款都是国外大牛的作品,有中国的么?至少我所知道最常用的代码高亮插件没有一款是中国的,甚至在这之前我一直在用SyntaxHighlighter。


QQ截图20200509161836.png


连oschina开源中国的在线工具都是用的SyntaxHighlighter,我在将iceEditor富文本编辑器写完以后,开始研究代码高亮的原理,这已经是两年前了(2017年),大约在两年前用了一个月的时间搞定了,取名为iceCode,第一版的性能很优越,但是在插件机制上不是很完美,至此就告一段落!

后来到两年后的现在开始用的时候,用了一下午的时间重写了内核,以数组将代码分段形式处理,解决了SyntaxHighlighter的单行无法注释的bug。

例如一段php代码:

echo "hello wrold//这是备注";//这是备注


SyntaxHighlighter处理后会发现,备注无法生效,是因为正则后的备注为:

//这是备注";//这是备注,


双引号的内容处理完毕以后,后面的代码无法高亮,而iceCode完美的解决了这种正则问题,但是,这还无法达到我的完美要求,我开始着手分析各大代码高亮js,分析实现的原理,最终我又重写了iceCode的内核,也就是第三版。

我将代码处理提升了一个高度,判断它是不是高亮过,是不是正则出来的内容是否包含另一个正则项的一半内容,此时的内核性能更加高效,bug更少,在我的测试下,速度要比SyntaxHighlighter高达三倍以上,并且已经内置常用的十几种编程语言,无需格外引用,非常简洁、轻量。

如今,iceCode已设计完毕,在gitee(不会选择github的原因是因为中国的gitee做的非常棒,默默的提gitee加油!)开源,我想说的是,我们中国的代码高亮插件也会越做越好,至少,目前的大量测试,在代码高亮上不会差于SyntaxHighlighter,尤其是自定义高亮语言时。

应该算是我们国内首款js高亮插件吧,纯原生JavaScript开发,体型十分娇小,无任何依赖,目前该插件已经内置HTML XML CSS JS PHP Python JAVA SQL GO C++ C# C等常用编程语言高亮,简约的唯美设计,简洁、极速!



项目已经托管至码云gitee:https://gitee.com/iceui/iceCode

————————————————

版权声明:本文为CSDN博主「冰优」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/ylfhacker/article/details/106017961



« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。