Loading...

ajaxcoderender 已经上传到wordpress官方插件站点

类归于: Web技术|WEB Tech, Wordpress — 江东 @ 2008-12-22 22:12:34 才(10)条评论

官方下载地址:http://wordpress.org/extend/plugins/ajaxcoderender/

该插件的好处在于可以随时在RTF模式下编辑代码,代码渲染采用ajax模式;

由于是在RTF模式下编辑代码,所以不存在任何被wordpress误修改代码的可能。

下面是几个例子


main(){
int i,j;
i=0;
while(i < 10){
i ++;
}
}

下面是第二个


<?php
echo “hello”;
?>

更多请参见:AjaxCodeRender(Ajax代码高亮器)插件发布

感谢 rex 在正则表达式上的全力帮助,正则表达式是一个好用但不容易掌握的东西,大家可以去rex站点看看相关资料。

AjaxCodeRender(Ajax代码高亮器)插件发布

类归于: Web技术|WEB Tech, Wordpress — 江东 @ 2008-12-19 19:18:00 才(16)条评论

现在网络上优秀的代码美化插件很多,如coolcode,wp-geshi等等,然而他们或多或少的都有一些不足,比如coolcode插件调用的js太多且庞大,wp-geshi更新不够及时等等。其实更加让人郁闷的是wordpress的文本编辑器和后台处理的php函数往往会自作聪明的为我们纠正某些xhtml的错误,导致代码总是被粗暴的修改掉,鉴于此,cosbeta决定自己发布一款插件,当然,同其他高亮插件一样,所有的高亮php处理函数都来自于伟大的geshi,下面言归正传,开始介绍这款插件。

插件名:AjaxCodeRender(Ajax代码高亮器);

插件作用:通过ajax的方式,将文中代码进行高亮处理;

插件的缺点:不支持googlereader高亮显示,但是能显示代码;其他你认为是缺点的缺点

插件的安装和激活:同常规插件一样。注意:若是你的模板已经集成了jquery或者你打算将插件中的css集成到当前模板文件中,请打开AjaxCodeRender.php,编辑第12、13行。

插件支持高亮的语言有:同geshi(支持117种主流和非主流语言)

插件的优点:平常我们在wordpress中发布代码的时候都是在“代码编辑器”的模式下将代码输入到编辑器中,这样就很容易导致wp自动纠正代码。

插件高亮用法:发布程序代码的时候,请一定在RTF(富文本)模式下输入或者复制代码代码,然后切换到源文件模式下,将代码框在<div class=”code” lang=”php”></div>之间即可。或者在富文本模式下直接将代码嵌入到code之间,两个code之间最好不要换行和有空格。由于代码直接在富文本模式下编辑,已经被转化成HTML,所以WP就不会擅自改动内容了

插件下载地址:ajaxcoderender

另:史上最好用的是逗大家玩的,千万别当真。 (read on …)

本站即将发布史上最好用的代码高亮插件

类归于: Web技术|WEB Tech — 江东 @ 2008-12-19 15:35:19 才(16)条评论

特性如下:

  1. 基于ajax;
  2. 不改变post的内容;
  3. 代码可以直接用文本编辑器可视化界面进行编写;
  4. 不会出现代码被自动修正的情况;
  5. 名字叫做AjaxCodeRendering
  6. 和其他的高亮插件兼容;
  7. 史上最好的插件只是开玩笑罢了;

今天公司停电,提前一个半小时下班,特编写此插件庆祝一下。

其实是我自己被Wordpress编辑器的自动代码更正给搞郁闷了,每次发布代码都得很麻烦,都得纠正n次

下面是代码测试

$ThisPluginUrl =  $BlogUrl. ‘/wp-content/plugins/AjaxCodeRender/’;
define(’ThisPluginUrl’,$ThisPluginUrl);

if( !function_exists(’AjaxCodeRenderCss’) ){
function AjaxCodeRenderCss(){
echo ‘<link rel=”stylesheet” href=”‘.ThisPluginUrl.’ajaxcoderrender.css” type=”text/css” media=”screen”/>’;

}
}

if( !function_exists(’AjaxCodeRenderJs’) ){
function AjaxCodeRenderJs(){
echo ‘<script src=”‘.ThisPluginUrl.’jquery.js”></script>’;

}
}

cos_slug_translator更新

类归于: Web技术|WEB Tech — 江东 @ 2008-10-27 11:54:19 才(6)条评论

北京回来,看到邮件里面很多朋友都反映这个插件出问题了,看来google又修改了HTML的结构,于是得再次更新,不过这次更新之后估计能坚持更长的时间了,因为这次采用的不是google翻译的页面,而是直接调用的google language api,所以改动的可能性就小多了,大家重新下载,覆盖原来的文件即可。

下载地址:cos_slug_translator2.1

当然也可以直接去原来的地方下载

code-highlighter插件发布

类归于: PHP, Web技术|WEB Tech, Wordpress, 本站服务|Service — 江东 @ 2008-09-12 20:42:36 才(15)条评论

我用的代码高亮插件都是geshi,这个插件比较好,采用PEAR的formatter和coolcode相比,不用专门的标签,支持wp的原生态<code></code>格式的标签,所以一直以来都没有替换他。

但是这个插件有个缺点,那就是格式转换是在php端进行的,输入的代码非常的臃肿,并且也不方便复制,除非专门写javascript采用innerText来获取。所以很早就想对这个高亮重新处理。那么今天,我决定将我新处理的方式写成wp插件进行发布,这个插件的特点是对服务器的数据不做任何处理,仅仅在页面用javascript优化。所以在html源代码中甚至可以看到你的code原样。

插件下载地址:code-highlighter

特别鸣谢:http://code.google.com/p/samaxesjs/

本来是可以直接集成在模板中,但是考虑到某些朋友不愿意修改模板,所以弄成插件进行发布了!js的代码已经gzip压缩,文件大小由原来的42k降低到12k,希望不会影响到页面的载入速度。

补充,如果发现代码的半角标点被替换成全角标点,那么就是wordpress的formatting在作怪,修改wp-includes/formatting.php,把下面这一行给它注释掉:

// regular expressions
//$curl = preg_replace($dynamic_characters, $dynamic_replacements, $curl);

对了,顺祝大家中秋节愉快!
补充:测试样式表bug

补充(2008-09-16 11:30),看来仅仅特别感谢不够,有必要补充下面的内容:
此插件并非原创,它基于:

  1. http://code.google.com/p/samaxesjs/ or http://code.google.com/p/syntaxhighlighter/(看到留言,原来这个js高亮度代码还有另外一个主人。这两者之间什么关系啊,我彻底迷惑了,看样子好像是后者原创,但是我这个插件的JS来自前一个链接,高亮的JS版权,让他们自己去争吵吧,总之,感谢高亮JS的作者)
  2. php;
  3. wordpress;
  4. html;
  5. javascript;

另外,插件的原创和插件使用到脚本的原创没有必然关系吧,就如同1bloggerchache一样,人家使用了我的代码,但是他确实是原创。无所谓,是不是原创丝毫不影响我,你说不是便不是,我做的仅仅是让高亮的代码以插件的方式嵌入到WP的风格中,使之使用起来更加简单,然后在这个blog上分享而已。

真是搞笑,还分享过毛线啊!

访客留言历史记录插件 发布

类归于: HTML客户端, PHP, Web技术|WEB Tech, Wordpress — 江东 @ 2008-06-25 15:07:28 才(4)条评论

按照以前的习惯,该插件的名字叫做:cos_visitor_comment。

插件功能:根据cookie,显示当前访问blog访客的历史留言,方便访客查看、检查。

插件实现:基于ajax,所以即使页面全部静态化也可以正常使用

安装方法:上传插件-》激活插件-》修改模板。在需要的显示访客留言的地方,插入如下代码
< ?php show_visitor_comment(5,50,"我的评论");?>
5表示只显示最近5条,50表示字数从第50个开始切断,“我的评论”则是该部分的标题,还不清楚的朋友,改变上面几个参数看看就知道了。

css美化:html结构如下,熟悉css的自行美化

  • 我的评论
  • 评论
  • 评论
  • 评论


下面是CSS示例,修改成你需要的样式,添加到模板文件的css中(本人喜欢集中处理,所以这个插件没有另行增加css)
ul#visitor_cmt{
padding:3px;margin:3px;border:1px solid #ccc;width:100px;
/*整个ul的风格*/
}
ul#visitor_cmt li{
list-style:none;/*不显示list的默认黑点*/
}
li.li-1{color:red;/*交替颜色*/}
li.li-0{color:green;/*交替颜色*/}
ul#visitor_cmt li.vc_title{/*修饰标题*/
font-size:120%;
font-weight:bold;color:Red;list-style:none;
}

有朋友问过几次本站的“我的留言”是如何实现的,所以干脆花点时间整一个插件送给你们,喜欢的就下载用吧,有问题的就请留言哈。
对了,下载地址在这里cos_visitor_comment(一定得把下载地址放在最后,否则某些小弟弟又不看说明,然后问出一大堆重复的问题出来)

cos_slug_translator更新

类归于: Web技术|WEB Tech, Wordpress — 江东 @ 2008-04-18 13:55:48 还没有评论

主要是为了兼容wordpress2.5,该插件向下兼容。下载地址:cos_slug_translator.zip

再次更新cos_slug_translator

类归于: Web技术|WEB Tech, Wordpress — 江东 @ 2008-01-13 00:36:10 才(24)条评论

发现原因了,原来google的翻译结果里面有的时候是<div id=result_box dir=ltr>翻译结果</div>,有的时候是<div id=result_box dir=”ltr”>翻译结果</div>,因此用php提取结果就会出现空值,所以现在再次做了修改。删除了google输出源代码中的引号,另外还会根据结果判断,如果翻译失败则仍然沿用默认的slug,本文将会自动翻译,看看是不是能成功?

请大家重新下载最新的插件cos_slug_translator,或者也建议你用偶爱偶家的wp-slug,不知道在哪里?搜索之。