一款高亮显示各种格式的开源插件:
下载地址:http://alexgorbatchev.com/SyntaxHighlighter/download/
下载后解压:demos目录中有对应的例子
SyntaxHighlighter的用法相对简单:官网原文如下:
Basic Steps To get SyntaxHighlighter to work on you page, you need to do the following: Add base files to your page: shCore.js and shCore.css Add brushes that you want (for example, shBrushJScript.js for JavaScript, see the list of all available brushes) Include shCore.css and shThemeDefault.css Create a code snippet with either or method (see below) Call SyntaxHighlighter.all() JavaScript method
要注意第2步骤是引入对应要需要高亮显示文本的类型如java、js.xml等要引入对应的js,具体js可以再根目录中scripts文件包中找到
官网提供了两中实现高亮显示的方式:
(1) method
把要展示的内容放在
标签体中例如:
function foo(){ }
class属性中 xx代表要展示代码的类型js、java、html等
在一个页面中可以包含多个标签,class可以指定不同的代码格式
最后需要增加:
(2) method
在中要使用 标签请看:
内容放置到xxx中(xxx带表内容),type=”syntaxhighlighter”为固定写法,class=”brush: xx”中(xx表示代码的类型)
在一个页面中可以包含多个标签,class可以指定不同的代码格式
样例:需要引入文件:
SyntaxHighlighter Autoloader Demo
这是自动装载的对应代码类型js,可以自己取舍需要的js,以及css样式的调整
如有不足之处,希望大家帮忙指出,希望和大家一起共同学习,进步。
发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/225991.html原文链接:https://javaforall.net
