怎样使用hightlight高亮显示脚本代码？

来源：互联网发布：java pdf在线预览功能编辑：程序博客网时间：2024/05/17 08:58

在开发一个论坛时，因为是学习的论坛，可以有多种脚本显示的。

输出效果好看些。就像csdn论坛一样。找到一个hightlight，

看到效果挺好，可弄了半天才弄好，主要是因为他们的文档做的

不好，可以说没有文档，只有css和js文件，没有demo，网站

也是英文的，也没有演示，最后找到一个用户引导吧，也就是上

传一些遇到的问题，在那找到一些线索。

需要注意的地方是：

css，js，导入的flash的位置，和使用时的语法关键字。

具体：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <link type="text/css" rel="stylesheet" href="dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css" mce_href="dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css"/> <base href="<%=basePath%>"> <title>My JSP 'index.jsp' starting page</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"> <mce:script type="text/javascript" src="dp.SyntaxHighlighter/Scripts/shCore.js" mce_src="dp.SyntaxHighlighter/Scripts/shCore.js"></mce:script> <mce:script type="text/javascript" src="dp.SyntaxHighlighter/Scripts/shBrushJava.js" mce_src="dp.SyntaxHighlighter/Scripts/shBrushJava.js"></mce:script> <mce:script type="text/javascript" src="dp.SyntaxHighlighter/Scripts/shBrushCpp.js" mce_src="dp.SyntaxHighlighter/Scripts/shBrushCpp.js"></mce:script> <mce:script type="text/javascript" src="dp.SyntaxHighlighter/Scripts/shBrushCSharp.js" mce_src="dp.SyntaxHighlighter/Scripts/shBrushCSharp.js"></mce:script> <mce:script type="text/javascript" src="dp.SyntaxHighlighter/Scripts/shBrushCss.js" mce_src="dp.SyntaxHighlighter/Scripts/shBrushCss.js"></mce:script> <mce:script type="text/javascript" src="dp.SyntaxHighlighter/Scripts/shBrushPhp.js" mce_src="dp.SyntaxHighlighter/Scripts/shBrushPhp.js"></mce:script> </head> <body> <pre name="code" class="php">... il codice deve essere inserito qui ...</pre> <pre name="code" class="c#">... some code here ...class</pre> <pre name="code" class="java"> public class AdminFilter implements Filter { public void destroy() { // TODO Auto-generated method stub } public void doFilter(ServletRequest arg0, ServletResponse arg1, FilterChain arg2) throws IOException, ServletException { HttpServletRequest request=(HttpServletRequest)arg0; HttpServletResponse response=(HttpServletResponse)arg1; HttpSession session=request.getSession(); Object m=session.getAttribute("member"); if(null==m){ request.getRequestDispatcher("/index.jsp").forward(request, response); }else{ Members member=(Members)m; if(member.getGroupid()!=1){ request.getRequestDispatcher("/index.jsp").forward(request, response); }else{ arg2.doFilter(arg0, arg1) ; } } } public void init(FilterConfig arg0) throws ServletException { // TODO Auto-generated method stub }}</pre> <mce:script type="text/javascript"></mce:script> </body></html>

1.导入的css文件必须放在head头标签后面。

2.导入的js文件必须放在/head头标签结尾的前面。根据脚本选择需要的脚本的js文件，这个不是很重要，都导入也没事。

3.导入的swf文件clipboard.swf,也就是给变量赋值，必须在/body体标签结尾的前面。

4.使用的时候放在<pre name="code" class="java"></pre>或文本框里面。name的值为dp.SyntaxHighlighter.HighlightAll('code')里面的值，class的值为脚本的类型，可以看看对应的js文件，里面有关键字的。