web页面代码关键字着色(类似于CSDN的插入代码)

最新推荐文章于 2024-08-04 16:33:59 发布

mouer

最新推荐文章于 2024-08-04 16:33:59 发布

阅读量302

点赞数

分类专栏： web 文章标签： web stylesheet javascript groovy 语言 class

本文链接：https://blog.csdn.net/mouer/article/details/4939665

版权

web 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

一直以来觉得CSDN和JAVAEYE的代码关键字着色很神奇..(自己先鄙视自己下..-_-!),今天闲来无事,在Google上乱逛.发现了个

syntaxhighlighter 这个 JavaScript 小框架.

SyntaxHighlighter 的最近版本是:2.1.364 下载地址:点击

下载完成后解压文件,其中scripts文件夹下全部是着色语言文件,如shBrushSql.js是对sql着色,而shBrushGroovy.js是对Groovy着色

下面以java为例,建立类似于CSDN的着色代码:(html)

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  <mce:script language="javascript" src="./syntaxhighlighter_2.1.364/src/shCore.js" mce_src="syntaxhighlighter_2.1.364/src/shCore.js"></mce:script>  <mce:script language="javascript" src="syntaxhighlighter_2.1.364/scripts/shBrushJava.js" mce_src="syntaxhighlighter_2.1.364/scripts/shBrushJava.js"></mce:script>  <link type="text/css" rel="stylesheet" href="syntaxhighlighter_2.1.364/styles/shCore.css" mce_href="syntaxhighlighter_2.1.364/styles/shCore.css">  <link type="text/css" rel="stylesheet" href="syntaxhighlighter_2.1.364/styles/shThemeEclipse.css" mce_href="syntaxhighlighter_2.1.364/styles/shThemeEclipse.css">  <mce:script type="text/javascript"></mce:script> <title>关键字着色实例</title> </head> <body> <pre class="brush: java"> public class Test{ public static void main(String[] args){ System.out.print("hello world"); } } </pre> </body> </html>

另存为*.html,双击打开看看效果吧!

(注意,我是图片 )

mouer

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
web页面代码关键字着色(类似于CSDN的插入代码)

一直以来觉得CSDN和JAVAEYE的代码关键字着色很神奇..(自己先鄙视自己下..-_-!),今天闲来无事,在Google上乱逛.发现了个syntaxhighlighter 这个 JavaScript 小框架. SyntaxHighlighter 的最近版本是:2.1.364 下载地址:点击下载完成后解压文件,其中scripts文件夹下全部是着色语言文件,如shBr
复制链接

扫一扫

专栏目录