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

最新推荐文章于 2024-08-16 08:22:46 发布

吴佳峻

最新推荐文章于 2024-08-16 08:22:46 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： j2ee 文章标签：脚本 class stylesheet html css

本文链接：https://blog.youkuaiyun.com/wu928320442/article/details/4997661

j2ee 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种在论坛中实现代码高亮显示的方法，通过引入dp.SyntaxHighlighter库，详细展示了如何配置CSS样式表和JavaScript文件，以及如何正确地在HTML页面中插入不同编程语言的代码片段。

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

输出效果好看些。就像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文件，里面有关键字的。