javascript实现代码高亮原理

发布于 2022-09-01 17:15:20 字数 104 浏览 34 评论 0

网上有很多的代码高亮库,之前想自己写一个,但是想不出原理。我一开始的想法是把代码赋值给一个变量,然后使用indexOf确定下标,再加上span,再给span颜色。
然而,并没有什么卵用……

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

成熟稳重的好男人 2022-09-08 17:15:20
  1. 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

  2. 静态语法分析
    这个一般是IDE在用, 相对来说更准确. 是完全在语义上对代码进行分析.
    例子:
    Pysonar2
    https://github.com/yinwang0/pysonar2

仅此而已 2022-09-08 17:15:20

1)怎么高亮,用你的方法就可以高亮,无非就是HTML+CSS搞定
2)难点在于确定哪些字符文本需要高亮,不同的语言语法不相同,关键字不同就需要不同的处理了

夜巴黎 2022-09-08 17:15:20

基本原理都是 正则匹配指定字符串,然后将其用span等元素包裹,给span定义一些特殊的样式。

飘落散花 2022-09-08 17:15:20

乖,好好看编译原理。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文