首页 > 代码库 > SyntaxHighlighter2.1.364动态代码高亮
SyntaxHighlighter2.1.364动态代码高亮
应用场景为,一个file选择上传一个xml,然后点击预览。此时是先上传xml到服务器,然后读取xml并格式化返回json数据,然后获取该json,加载到页面之后,用SyntaxHighlighter插件动态高亮该段上传的xml代码。关键代码如下:
首先是文件上传并重命名,随后把上传之后的文件格式化转为json。代码如下:
@RequestMapping(value = http://www.mamicode.com/"fileUpload.s", method = RequestMethod.POST)>
格式化的代码如下:public class XmlFormat { public static String format(String str){ // System.out.println(" str : " + str); SAXReader reader = new SAXReader(); // System.out.println(reader); // 注释:创建一个串的字符输入流 StringReader in = new StringReader(str); StringWriter out = null; try { Document doc = reader.read(in); // System.out.println(doc.getRootElement()); // 注释:创建输出格式 OutputFormat formater = OutputFormat.createPrettyPrint(); //formater=OutputFormat.createCompactFormat(); // 注释:设置xml的输出编码 formater.setEncoding("utf-8"); // 注释:创建输出(目标) out = new StringWriter(); // 注释:创建输出流 XMLWriter writer = new XMLWriter(out, formater); // 注释:输出格式化的串到目标中,执行后。格式化后的串保存在out中。 writer.write(doc); writer.close(); } catch (DocumentException e) { // e.printStackTrace(); return "xml格式错误,请仔细检查!详细信息为:"+e.getLocalizedMessage(); } catch (IOException e) { // e.printStackTrace(); return "上传IO错误,请仔细检查!详细信息为:"+e.getLocalizedMessage(); } // 注释:返回我们格式化后的结果 return out.toString(); } public static void main(String[] args) throws Exception { String head="<?xml version=\"1.0\" encoding=\"GBK\"?>"; String str = "<RequestData><HeadData><UserCode>sh1_admin</UserCode><UserName>sh1_admin</UserName><UserCompanyCode>3107</UserCompanyCode><UserCompanyName>上海分公司一部</UserCompanyName><RequestType>03</RequestType></HeadData><BodyData><ReportId>113100000033</ReportId><Insurant>a5rfg87</Insurant><NumberPlate>沪E78612</NumberPlate><EngineModel></EngineModel><CarVin></CarVin><AccidentDate>2011-02-25 15:07:00</AccidentDate><ReportDate>2011-02-25 15:07:00</ReportDate><Province>310000</Province><City>310100</City><District></District><AccidentPlace>1</AccidentPlace><AccidentLongitude></AccidentLongitude><AccidentLatitude></AccidentLatitude><SurveyLongitude></SurveyLongitude><SurveyLatitude></SurveyLatitude><SceneReportFlag></SceneReportFlag><Reporter></Reporter><ReporterTel></ReporterTel><SurveyPlace></SurveyPlace><OperatorId>3525</OperatorId><OperatorName>sh_admin</OperatorName><ReportDealId>30000800</ReportDealId><ReportDealName>江苏分公司</ReportDealName><CompanyName></CompanyName><CustomerTypeCode></CustomerTypeCode><ForcePolicyId>a5rfg87a5rfg87a5rfg87</ForcePolicyId><BizPolicyId></BizPolicyId><Index>0</Index><FieldName>5</FieldName></BodyData></RequestData>"; // System.out.println(str); format(str); } }随后,页面上使用ajaxFileUpload插件,ajax上传选中的xml并接受服务端返回的json,代码如下:
jQuery.ajaxFileUpload({ url:'fileUpload.s', secureuri:false, fileElementId:'exmlPath', dataType:'JSON', success:function(data,status){ //多次选择文件上传时,需先清空xmlPre这个div的html内容,否则SyntaxHighlighter渲染之后的html不会变 jQuery("#xmlPre").html("<div><pre id='xmlcontnt' class='brush: xml;'></pre></div>"); jQuery("#xmlPre").removeAttr("style",""); jQuery("#xmlPre").removeAttr("class",""); //----------------------------------------------------------------------- data=http://www.mamicode.com/jQuery.parseJSON(jQuery(data).text()); //转化ajaxFileUpload插件返回的json,它会包裹一个pre标签>
弹出层的页面代码:<div id="xmlPre" style="display:none;border: 1"> <pre > <pre id="xmlcontnt" class="brush: xml;"> </pre> </pre> </div>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。