网上有很多的代码高亮库，之前想自己写一个，但是想不出原理。我一开始的想法是把代码赋值给一个变量，然后使用indexOf确定下标，再加上span，再给span颜色。
然而，并没有什么卵用……
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
4
907
![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
keyword + 正则
下面这个两个例子, 一看就明白了.
https://github.com/andris9/highlight/blob/master/lib/vendor/highlight.js/languages/javascript.js
https://github.com/isagalaev/highlight.js/blob/master/src/languages/javascript.js
静态语法分析
这个一般是IDE在用, 相对来说更准确. 是完全在语义上对代码进行分析.
例子:
Pysonar2
https://github.com/yinwang0/pysonar2
1)怎么高亮，用你的方法就可以高亮，无非就是HTML＋CSS搞定
2)难点在于确定哪些字符文本需要高亮，不同的语言语法不相同，关键字不同就需要不同的处理了
基本原理都是 正则匹配指定字符串，然后将其用span等元素包裹，给span定义一些特殊的样式。
乖，好好看编译原理。