代码高亮javascript 插件 syntaxhighlighter 使用介绍

在网上找了几个代码高亮的插件,syntaxhighlighter 用起来比较顺手。

官网

http://alexgorbatchev.com/SyntaxHighlighter/manual/installation.html


首先下载,然后解压,然后拷贝到 网页文件目录。

代码高亮javascript 插件 syntaxhighlighter 使用介绍_第1张图片

新建一个 index.html来测试

首先在 中引入 js 以及 css 。





然后在写代码的时候,把代码包裹在
 标签中。 
  


	
		void main()
		{
			print("helloworld!");
			return 0;
		}
	


这个简单的测试页面全部内容如下




	test highlight

	
	
	
	



	
		void main()
		{
			print("helloworld!");
			return 0;
		}
	

在firefox中查看效果

代码高亮javascript 插件 syntaxhighlighter 使用介绍_第2张图片


示例代码下载:

http://pan.baidu.com/s/1qXdSGoO


你可能感兴趣的:(网站建设)