SnippetShare 项目总结连载（九）--代码高亮highlighter

SnippetShare 项目总结连载（九）--代码高亮highlighter 

Luo Weifeng 2011-6-25

 

说明：本系列文章为作者自己看或在web开发特别初级的人看，高手和中手绕过。

 

 

代码高亮在我的前面的文章里边有讨论过。这里只贴出那个是用高亮的页面。

 

<%@ page contentType="text/html; charset=utf-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%> <%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%> <%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%> <%@ page import="com.hitwh.snippetshare.bean.Snippet"%> <%@ page import="java.text.SimpleDateFormat"%> <%@ page import="java.util.Date"%> <% Snippet snippet = (Snippet)pageContext.findAttribute("snippet"); %> <!--********************* Code Highlight**************************************--> <mce:script type="text/javascript" src="../syntaxhighlighter/scripts/shCore.js"></mce:script> <mce:script type="text/javascript" src="../syntaxhighlighter/scripts/shBrush<c:out value="${snippet.language}" /><!-- .js"> // --></mce:script> <link type="text/css" rel="stylesheet" href="../syntaxhighlighter/styles/shCoreDefault.css" /> <mce:script type="text/javascript"><!-- SyntaxHighlighter.all(); // --></mce:script> <div> <h2>代码详细......</h2> </div> <table border="0" cellpadding="0" cellspacing="0"> <!--*******************snippet title***************************--> <tr> <td> <h1> <c:out value="${snippet.title}" /> </h1></td> </tr> <!--*********snippet author & snippet published date**********--> <tr> <td align="left" width="20%">语言分类：<a href="../action/listbylanguage?language=<c:out value="${snippet.language}" />"><c:out value="${snippet.language}" /> </a></td> <td align="left" width="80%"><c:out value="${snippet.author}" /> 发表于<c:out value="${snippet.dateTime}" /></td> </tr> <!--****************Code Context*********************--> <tr> <td><pre class="brush:<%= snippet.getLanguage().toLowerCase() %>; collapse:false; toolbar:false;"> <c:out value="${snippet.codeSnippet}" /> </pre></td> </tr> <tr> <td>说明：</td> </tr> <tr> <!--**************** Use Instruction*************************--> <td><c:out value="${snippet.introduction }" /></td> </tr> <br /> <tr> <td></td> <td><html:link page="/action/storeup" paramId="snippetid" paramName="snippet" paramProperty="id"> 收藏 </html:link></td> </tr> </table>