你的位置:快乐忆站 \ 技术 \ 文章正文

emlog代码高亮插件

小松 @ 2010年7月20日 12:31:01 周二

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,请留言反馈!

标签:插件  emlog  jQuery  代码高亮  附件:highlight.rar 45.32KB  下载次数:13  分享家:Addthis中文版
« 上一篇:emlog读者墙插件
晨游西湖:下一篇»
大家的话:(我来说两句)
  • 32楼:晓泽 2010-09-05 15:07:24 说: 晓泽

    最新评论都是我了~

    貌似我不会写代码 这个对我没用  以后吧 多学习

    小松:恩,既然要搞独立博客,代码还是要学习点的~
  • 31楼:sorson 2010-07-22 09:47:16 说: sorson

    小松要变 插件强人了

    小松:闲的DT,没办法,只能捣鼓这些东西了
  • 30楼:摩尔博客 2010-07-21 22:14:24 说: 摩尔博客

    来学习下

    小松:呵呵,真是客气啊~
  • 29楼:小子 2010-07-21 20:23:10 说: 小子

    话说小松越来越牛X了。。。

    小松:这个...还是你比较牛X一点,把那个嵌套评论的弄弄吧,然后教我~
  • 28楼:踏雪残情 2010-07-21 20:00:11 说: 踏雪残情

    支持,我喜欢高亮!

    小松:话说不用插件也是能实现的~
  • 27楼:河海浪子 2010-07-21 19:45:11 说: 河海浪子

    呵呵,你和万戈,分庭抗礼了,一个是wp。而你是我们emlog的骄傲,我这马屁拍的.......

    小松:哈哈,他比我强多了~
  • 26楼:小托 2010-07-21 19:12:29 说: 小托

    再次光临 嘿嘿

    小松:上次你不是说要弄啥插件吗,不弄了?
  • 25楼:hesiway 2010-07-21 17:57:56 说: hesiway

    呵呵,果然亮了,emlog的~

    小松:其实代码高亮可以不用插件的,我弄复杂了~
  • 24楼:箴言 2010-07-21 12:56:35 说: 箴言

    回复23楼小松:呵呵,至少和我们比很牛了,你回复速度真速度啊,整天待电脑面前吗?

    小松:呵呵,暑假很空,就待电脑面前捣鼓一些东西~
  • 23楼:箴言 2010-07-21 12:51:43 说: 箴言

    回复21楼小松:比如像小松一样 ·

    小松:不是的,我是属于那种学的很泛的那种,所以到现在还不知道自己该干嘛
  • 22楼:liu53093 2010-07-21 10:45:20 说: liu53093

    生命在于折腾

    小松:哈哈,小女子想法不错啊~
  • 21楼:木白 2010-07-21 10:25:36 说: 木白

    其实挺想学PHP,WEB什么的……
    就怕学多了每个都不怎么精……

    小松:那就学一样精的先,然后再去扩展~
  • 20楼:阿邙 2010-07-21 07:33:04 说: 阿邙

    我用的是谷歌内个

    小松:现在我又想把这个插件去掉了,现成的粘贴会更容易~
  • 19楼:枫雪 2010-07-21 00:13:33 说: 枫雪

    回复18楼小松:emlog论坛 最新发的那个腾讯微博flash代码速度很不错 ..小松可以去看一下

    小松:我看到了,不想用flash来着~
  • 18楼:箴言 2010-07-20 23:59:21 说: 箴言

    回复17楼小松:难看是难看了点,我都没发过什么,现在是腾讯微博的那个插件,自动过来了。

    小松:我论坛看到了,还是没用,那个腾讯的API貌似反映有点慢~
  • 17楼:箴言 2010-07-20 23:54:58 说: 箴言

    发现了你的微博!碎碎语····

    小松:呵呵,之前一直用em自带的,感觉很鸡肋就不用了~
  • 16楼:小托 2010-07-20 17:36:36 说: 小托

    有时间帮忙弄下插件了  哈哈

    小松:什么插件啊?
  • 15楼:软件盒子 2010-07-20 17:11:29 说: 软件盒子

    前来排队支持

    小松:呵呵,每次都这么支持,真感谢你啊~
  • 14楼:Pavel 2010-07-20 17:04:31 说: Pavel

    我从一开始就用wordpress
    折腾起来确实感觉很费劲
    不过乐在其中 呵呵

    小松:是的,就是乐在其中比较好玩~
  • 13楼:林西老九 2010-07-20 16:18:40 说: 林西老九

    老九前来放水!!!!哇哈哈哈

    小松:老九,你咋事先不跟我打个招呼呢?
  • 12楼:创享·生活 2010-07-20 16:08:50 说: 创享·生活

    支持,呵呵..

    小松:谢谢,呵呵~
  • 11楼:Mucid 2010-07-20 15:48:06 说: Mucid

    哈哈,我来喝水的来了,学一下玩一下的,现在才到XHTML呵呵

    小松:慢慢来,不着急~
  • 10楼:蛋卷 2010-07-20 15:32:58 说: 蛋卷

    这个纯支持一下子

    小松:呵呵,谢谢支持~
  • 9楼:zk 2010-07-20 14:13:17 说: zk

    不懂代码的我,路过好了··

    小松:呵呵,谢谢路过还支持我~
  • 8楼:懒虫 2010-07-20 14:01:06 说: 懒虫

    别人都假装正经,我只有假装不正经,哈哈。

    小松:哈哈,你比较另类嘛~
  • 7楼:lulu 2010-07-20 14:00:28 说: lulu

    回复3楼小松:也是啊、、、这几天热的慌啊。。。。

    小松:呵呵,确实很热啊,火辣辣的太阳
  • 6楼:lulu 2010-07-20 14:00:08 说: lulu

    回复5楼:真坏。。。还以为你会让个给我呢。。

    小松:是的,懒虫要批斗!
  • 5楼:懒虫 2010-07-20 13:59:12 说: 懒虫

    lulu躺地板上,哈哈

    小松:是的~你太不给面子了
  • 4楼:lulu 2010-07-20 13:55:34 说: lulu

    支持支持咯。。。

    小松:呵呵~谢谢lulu喽~
  • 3楼:lulu 2010-07-20 13:53:25 说: lulu

    a ...啊。。。懒虫真坏。沙发连板凳一起坐了。。。那我呢?

    小松:地板了,只能地板了,不过地板凉快~
  • 2楼:懒虫 2010-07-20 13:51:08 说: 懒虫

    怎么就没人抢了呢?哎~

    小松:我也觉得,我觉得很悲哀,很沮丧~
  • 1楼:懒虫 2010-07-20 13:50:51 说: 懒虫

    不知道还有没有沙发。

    小松:悲剧啊,沙发这么久没人要~
说两句吧:(本站支持留言头像,点击这里申请属于你的个性头像)

昵称必填

邮箱必填

我勒个去林西的那个老九,不多说了...
去X他!

我X,你总不能一个字都不写吧?

已输入 0取消回复

订阅RSS,随时掌握本站动态
日志分类
周灌水王
  • 马凝 (66)林西老九 (58)joyla (17)lulu (15)朵未 (13)箴言 (11)枫雪 (9)河海浪子 (7)
广告出租
  • 广告标题这是广告介绍的范例~125*125
    包养简介
    广告标题这是广告介绍的范例~125*125
    包养简介
最新评论
彩色标签
日志存档
有情链接
算是广告