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,请留言反馈!
32楼:晓泽 在 2010-09-05 15:07:24 说:
最新评论都是我了~
貌似我不会写代码 这个对我没用 以后吧 多学习
31楼:sorson 在 2010-07-22 09:47:16 说:
小松要变 插件强人了
30楼:摩尔博客 在 2010-07-21 22:14:24 说:
来学习下
29楼:小子 在 2010-07-21 20:23:10 说:
话说小松越来越牛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 说:
呵呵,果然亮了,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 说:
生命在于折腾
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代码速度很不错 ..小松可以去看一下
18楼:箴言 在 2010-07-20 23:59:21 说:
回复17楼小松:难看是难看了点,我都没发过什么,现在是腾讯微博的那个插件,自动过来了。
17楼:箴言 在 2010-07-20 23:54:58 说:
发现了你的微博!碎碎语····
16楼:小托 在 2010-07-20 17:36:36 说:
有时间帮忙弄下插件了 哈哈
15楼:软件盒子 在 2010-07-20 17:11:29 说:
前来排队支持
14楼:Pavel 在 2010-07-20 17:04:31 说:
我从一开始就用wordpress
折腾起来确实感觉很费劲
不过乐在其中 呵呵
13楼:林西老九 在 2010-07-20 16:18:40 说:
老九前来放水!!!!哇哈哈哈
12楼:创享·生活 在 2010-07-20 16:08:50 说:
支持,呵呵..
11楼:Mucid 在 2010-07-20 15:48:06 说:
哈哈,我来喝水的来了,学一下玩一下的,现在才到XHTML呵呵
10楼:蛋卷 在 2010-07-20 15:32:58 说:
这个纯支持一下子
9楼:zk 在 2010-07-20 14:13:17 说:
不懂代码的我,路过好了··
8楼:懒虫 在 2010-07-20 14:01:06 说:
别人都假装正经,我只有假装不正经,哈哈。
7楼:lulu 在 2010-07-20 14:00:28 说:
回复3楼小松:也是啊、、、这几天热的慌啊。。。。
6楼:lulu 在 2010-07-20 14:00:08 说:
回复5楼:真坏。。。还以为你会让个给我呢。。
5楼:懒虫 在 2010-07-20 13:59:12 说:
lulu躺地板上,哈哈
4楼:lulu 在 2010-07-20 13:55:34 说:
支持支持咯。。。
3楼:lulu 在 2010-07-20 13:53:25 说:
a ...啊。。。懒虫真坏。沙发连板凳一起坐了。。。那我呢?
2楼:懒虫 在 2010-07-20 13:51:08 说:
怎么就没人抢了呢?哎~
1楼:懒虫 在 2010-07-20 13:50:51 说:
不知道还有没有沙发。