html代码高亮生成code2html汉化版 二次开发 by 小熊

介绍

本软件为小熊二次开发,支持代码转换为html以供发布所用。
语种支持:java/xml/sql/jscript/groovy/css/cpp/c#/python/vb/perl/php/ruby/delphi
原作者为:隔叶黄莺
之所以再开发主要自己觉得部分匹配还不够用,和去掉一些多余的操作(个人思想),并打算汉化原版,于是接着08年隔叶黄莺最后更新的版本继续开发。底层以syntaxhighlighter二次开发

用途

将代码华丽变身为披上html代码时装的美女以登站表演。

适用人群

  • 喜欢节省流量而不愿意花费请求在syntaxhighlighter若干js文件
  • 脱离wp插件,节省服务器开销
  • 客户端脱离js编译渲染,节省客户端开销
  • 不喜欢使用高亮插件时每次打开页面时会有一点时间让代码样式呈空(取决于请求以及客户端性能)

使用方法

  1. 将需要的代码拷贝至“此处放入代码”。
  2. 在面板上方选中正确的代码语种
  3. 点击导出
  4. 在你的网站加入css文件
    <link href="highlight.css" rel="Stylesheet" type="text/css"/>
  5. 主题为iBear根据netbeans && notepadd++结合作出(暂只做了xml/css/js/php部分),使用者可自行修改。

版本更新

2012.03.13(ver 1.4.2):
操作面板:

  • 汉化:内部操作以及说明汉化。
  • 重构:部分代码重构,外貌变更。
  • 删除:转换出的代码处的粘贴以及清空。
  • 删除:预览代码处的附加操作。

代码生成:

  • 外部span更换为code标记,css,js,php的sh.brush更新官方3.0.83。
  • 所有标记从大写改为小写,属性加上双引号包裹,以更好符合xhtml过渡形式。

css代码:

  • 增加:选择器匹配(特别鸣谢大绯狼给出的regex表达式)。

js代码:

  • 增加:对象内属性为匿名函数的属性匹配。

php代码:

  • 修正:单引号字符不匹配问题。

xml代码:

  • 增加:doctype匹配。

声明

本次开发仅学习以及自己网站所用,并且为尊重原作者,这里放出原版下载地址,非常感谢原作者隔叶黄莺的辛勤开发,让我能方便的改进部分代码,也让我学习了不少hta的东西。

下载(115盘)

code2html-1.4.2.zip

CodeRenderUnmi.zip(注:原版)

其他

关于复制问题,在所有非IE浏览器下直接对代码文字复制可以正常复制到编辑器内使用,如果是IE浏览器会把行号也复制进去,如果需要去除行号问题,可换firefox/chrome等非IE核心浏览器进行复制操作,若只有IE浏览器进行复制,可以在编辑器内用正则替换之:表达式:^\d\.
记得在使用替换时使用正则,小熊常用的两款编辑器(netbeas、notepad++)都支持正则。

预览

面板:

code2html面板预览

代码:

xml/html/xhtml
  1. <!DOCTYPE html>  
  2. <html>  
  3.     <head>  
  4.         <title></title>  
  5.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  6.     </head>  
  7.     <body>  
  8.         <div>TODO write content</div><!-- div -->  
  9.     </body>  
  10. </html>  
css
  1. /* 偶素注释 */ 
  2. #id{background-image:url("http://test.jpg");background-position0 -192px;} 
  3. .selector{color:#fff!important;} 
  4. tag{text-align:center;} 
  5. :root{display:none;} 
  6. tag#id + .class-2{text-align:center;url:'http://asd/'} 
  7. :root{display:none;} 
  8. tag{text-align:center;}:root{display:none;} 
  9. tag:root{text-align:center;} 
  10. tag,:root{text-align:center;} 
  11. tag.classname-1, :root{text-align:center;}  
js
  1. /* 注释 */  
  2. jQuery(document).ready(function($){   
  3.     var win = window,   
  4.     testNum = 1;   
  5.     doc.documentElement.className = 'js';   
  6.     win.log = win.log || {   
  7.         info : function(){}   
  8.     };   
  9.     info = log.info;   
  10. });  
php
  1. <?php  
  2. /**  
  3.  * 注释  
  4.  */  
  5. function do_shortcode($content) {   
  6.     global $shortcode_tags;   
  7.     var $a = 1 . '<?php ?>';   
  8.     count($var);   
  9.     if (emptyempty($shortcode_tags) || !is_array($shortcode_tags))   
  10.         return $content;   
  11.   
  12.     $pattern = get_shortcode_regex();   
  13.     return preg_replace_callback('/'.$pattern.'/s''do_shortcode_tag'$content);   
  14. }   
  15. ?>  
  1. avatar
    Cacti#239

    亲,通过搜索找到这里,但继续搜索发现Notepad 也可以实现该功能,直接将代码高亮导出到html,相较之下Notepad 确实功能更强大些。

  2. avatar
    Jser lee#238

    虾米插件?

    • avatar
      ibearB1

      @Jser lee
      不完全属于插件,只是高亮代码的css html生成

  3. avatar
    耗子#237

    你还真能折腾,节能减排啊

    • avatar
      ibearB1

      @耗子
      还行啦,刚给大图增加个ctrl拖动,你看看兼容如何

  1. 目前还没有trackbacks.

  2. Trackbacks被禁用了

发表评论 进楼快捷键: ctrl+Enter取消回复

电子邮件地址不会被公开。

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>