你的位置:快乐忆站 \ 分享 \ 文章正文

emlog代码高亮插件

emlog一直是我折腾的对象,原因很简单,他相对于WP来说比较简单,易懂,适合我这新手折腾,这次为了能够完成这个代码高亮的插件,我几乎在网上找了N多的开源的代码高亮的源码,然后一个个比较过去,最终选择了chili,原因就是因为其体积小,而且能智能加载js。当然,其他的开源的高亮源码也能有上述优点,但是用法会比较复杂,不利于和emlog结合。

选定chili后,我就忙着制作成插件了,原本他高亮的容器是“code”,因为我自己用得最多的是“pre”,所以我把他默认的容器修改成了“pre”。来看看几段经过他高亮的代码吧:

<?php
//php高亮
function highlight(){
	global $log_content;
	if(strpos($log_content, '<pre class=')) {
	echo '<script type="text/javascript" src="'.BLOG_URL.'lib/js/jquery/jquery-1.2.6.js"></script>';
        //...
	}
}
?>
//js高亮
function keyw(){
    if (document.keyform.keyword.value==""){
        alert("请输入要搜索的关键字");
        document.keyform.keyword.focus();
        return false;
    }
}
<!--html高亮 -->
<div class="dock" id="dock">
      <a class="dock-item" href="#"><img src="images/home.png" alt="home" /><span>Home</span></a> 
      <a class="dock-item" href="#"><img src="images/email.png" alt="contact" /><span>Contact</span></a> 
</div>
/* css高亮 */
.navBar ul li a span.out{top:0}
.navBar ul li a span.over,.navBar ul li a span.bg{top:-21px}
#navBar{height:23px;display:block;font-size:14px;background-color:#FFF;text-align:center}
#navBar ul li span.bg{ height:21px;background:url("images/bg_over.gif") center center no-repeat}

代码可能选得不是很具有代表性,将就看下吧~

具体用法:
1.下载并解压附件,然后上传至插件目录;
2.后台启用插件;
3.写日志时将代码用<pre class="代码类型">代码</pre>。

目前支持的高亮代码类型有十种:php,js,html,css,cpp,cs,java,delphi,mysql,lotusscript。注意,上述第三步需要编辑器在html状态下输入,否则代码无法高亮。

插件自动寻找需要高亮的代码,若无需要高亮处,则不加载js,减少页面大小。此为1.0版本,后续可能加入复制代码的功能,尽请期待。老规矩:有bug,请留言反馈!

:下一篇»
大家的话:
  1. 65#
    sprityaoyao
    2011-01-29 13:20
    有没有觉得geshi这款插件呢?
  2. 64#
    小松
    2010-09-05 16:09
    @晓泽:恩,既然要搞独立博客,代码还是要学习点的~
  3. 63#
    晓泽
    2010-09-05 15:07
    最新评论都是我了~

    貌似我不会写代码 这个对我没用  以后吧 多学习
  4. 62#
    小松
    2010-07-22 10:48
    @sorson:闲的DT,没办法,只能捣鼓这些东西了
  5. 61#
    sorson
    2010-07-22 09:47
    小松要变 插件强人了
  6. 60#
    小松
    2010-07-21 23:16
    @摩尔博客:呵呵,真是客气啊~
  7. 59#
    摩尔博客
    2010-07-21 22:14
    来学习下
  8. 58#
    小松
    2010-07-21 21:24
    @小子:这个...还是你比较牛X一点,把那个嵌套评论的弄弄吧,然后教我~
  9. 57#
    小松
    2010-07-21 21:01
    @踏雪残情:话说不用插件也是能实现的~
  10. 56#
    小松
    2010-07-21 20:46
    @河海浪子:哈哈,他比我强多了~
  11. 55#
    小子
    2010-07-21 20:23
    话说小松越来越牛X了。。。
  12. 54#
    小松
    2010-07-21 20:14
    @小托:上次你不是说要弄啥插件吗,不弄了?
  13. 53#
    踏雪残情
    2010-07-21 20:00
    支持,我喜欢高亮!
  14. 52#
    河海浪子
    2010-07-21 19:45
    呵呵,你和万戈,分庭抗礼了,一个是wp。而你是我们emlog的骄傲,我这马屁拍的.......
  15. 51#
    小托
    2010-07-21 19:12
    再次光临 嘿嘿
  16. 50#
    小松
    2010-07-21 18:59
    @hesiway:其实代码高亮可以不用插件的,我弄复杂了~
  17. 49#
    hesiway
    2010-07-21 17:57
    呵呵,果然亮了,emlog的~
  18. 48#
    小松
    2010-07-21 13:58
    @箴言:呵呵,暑假很空,就待电脑面前捣鼓一些东西~
  19. 47#
    小松
    2010-07-21 13:53
    @箴言:不是的,我是属于那种学的很泛的那种,所以到现在还不知道自己该干嘛
  20. 46#
    箴言
    2010-07-21 12:56
    回复23楼小松:呵呵,至少和我们比很牛了,你回复速度真速度啊,整天待电脑面前吗?
  21. 45#
    箴言
    2010-07-21 12:51
    回复21楼小松:比如像小松一样 ·
  22. 44#
    小松
    2010-07-21 11:47
    @liu53093:哈哈,小女子想法不错啊~
  23. 43#
    小松
    2010-07-21 11:27
    @木白:那就学一样精的先,然后再去扩展~
  24. 42#
    liu53093
    2010-07-21 10:45
    生命在于折腾
  25. 41#
    木白
    2010-07-21 10:25
    其实挺想学PHP,WEB什么的……
    就怕学多了每个都不怎么精……
  26. 40#
    小松
    2010-07-21 08:34
    @阿邙:现在我又想把这个插件去掉了,现成的粘贴会更容易~
  27. 39#
    阿邙
    2010-07-21 07:33
    我用的是谷歌内个
  28. 38#
    小松
    2010-07-21 01:15
    @枫雪:我看到了,不想用flash来着~
  29. 37#
    小松
    2010-07-21 01:01
    @箴言:我论坛看到了,还是没用,那个腾讯的API貌似反映有点慢~
  30. 36#
    小松
    2010-07-21 00:56
    @箴言:呵呵,之前一直用em自带的,感觉很鸡肋就不用了~
1 2 3

随机日志:

推荐日志:

说两句吧:

正在回复: 取消

sitemap