您的位置：首页 > 编程语言

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

2009-12-13 14:14 549 查看

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

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航