高亮代码显示之HTML困惑

近期做样式库,需要将HTML代码高亮,开始寻找相关的插件。

看到highlight.js,看到它主题样式如此之多,支持语言也如此之多,以为找到了神器。不想这只是痛苦的开始,为了让它支持HTML,我尝试了我能想到的各种方法。山穷水尽之时想到去求助了使用此插件的网站的相关人员,结果发现它只是在那个环境下才会获得支持,至此,选择了放弃,继续寻找新的插件。

不经意间在一个关于highlight的评论里看到了codemirror(高手藏于民间),期待它的闪亮登场。

可惜的是codemirror只能只用id获取,不能用标签和class批量获取,好伤心。。。

最终,终于找到了替代品SyntaxHighlighter,现在可以在一个页面轻松实现多个HTML的高亮了。点击这里可以看到博客园中有关的API和对插件的详细解读。

下面是效果图,得瑟下~~

原文地址:https://www.cnblogs.com/ToBeBest/p/5817222.html