论坛首页 Web前端技术论坛

使用SyntaxHighlighter 实现java代码高亮

浏览 4283 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2013-04-04   最后修改:2013-04-04
例子

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>SyntaxHighlighter Large File Demo</title>
<script type="text/javascript" src="../scripts/XRegExp.js"></script>
<script type="text/javascript" src="../scripts/shCore.js"></script>
<script type="text/javascript" src="../scripts/shBrushJava.js"></script>
<link type="text/css" rel="stylesheet" href="../styles/shCore.css"/>
<link type="text/css" rel="Stylesheet" href="../styles/shThemeDefault.css" />
<script type="text/javascript">SyntaxHighlighter.all();</script>
</head>

<body>

<h1>SyntaxHighlighter Haxe Language Demo</h1>


<script type="syntaxhighlighter" class="brush: java;"><![CDATA[
class  Persson extends Object{
   private int i=1;
   protected final static int AGE=10
   public   void  sum(int a,int b) {
      return a+b;
   }
   public  static  void main(string []  s){
   }
}
]]></script>

</body>
</html>
   发表时间:2013-04-04  
SyntaxHighlighter 下载地址
https://github.com/alexgorbatchev/SyntaxHighlighter
0 请登录后投票
   发表时间:2013-04-04  
http://alexgorbatchev.com/SyntaxHighlighter/
0 请登录后投票
   发表时间:2013-04-04   最后修改:2013-04-05
如果要去掉一些弹出框,之类的显示效果,做如下调整

请找到shCore.js文件
1.去掉该文件中的SyntaxHighlighter 输出的鼠标事件
注释掉getDiv方法的以下内容
attachEvent(findElement(div, '.toolbar'), 'click', sh.toolbar.handler);
attachEvent(findElement(div, '.code'), 'dblclick', quickCodeHandler);
修改后的代码如下:
getDiv: function(code)
{
if (code === null)
code = '';

this.code = code;

var div = this.create('div');

// create main HTML
div.innerHTML = this.getHtml(code);

// set up click handlers
if (this.getParam('toolbar')){
//rem by wdz attachEvent(findElement(div, '.toolbar'), 'click', sh.toolbar.handler);
}
if (this.getParam('quick-code')){
//rem by wdz attachEvent(findElement(div, '.code'), 'dblclick', quickCodeHandler);
}
return div;
}

2.把下面方法返回的内容修修改为
getButtonHtml: function(highlighter, commandName, label){
  return '';
}
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics