欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

如何在静态页面上显示网页代码 并且高亮 就像图中的这样_html/css_WEB-ITnose

程序员文章站 2022-06-05 17:43:20
...
谢谢请指点下 显示代码各个区块的颜色不一样 而且代码不同高亮的颜色也不同


回复讨论(解决方案)

css先定义所有的关建字样式,以备引用。
当用户选中后,显示出来即可。用js判断一下,若代码中包括有定义中的内容,高亮显示

代码高亮插件?

http://paranimage.com/6-javascript-code-highlighting-plugins/

这个用JS 或者JQ 都可以实现的

你是博客么?还是网站?博客的话可以去找插件,网站的话用JS把。。