[ Content | Sidebar ]

Posts tagged highlight

WP-Syntax + ZeroClipboard增强版

上次发过一个增强版本,但是使用的复制脚本在flash升级到10版之后就失效了.

这次同样也是修改的0.9版的wp-syntax,跟上一个修改版本不同的就是

  • 删除了存在漏洞的test目录
  • 使用wp内置函数判断是否输出工具栏,使用url rewrite不会出问题
  • 代码复制使用ZeroClipboard,可以兼容所有主流浏览器

效果:

<html>
<script>
alert('ooxx~');
</script>
</html>
Copy Code | Run Code

使用方法跟上一个版本一样

<pre lang=”javascript” line=”1″ run=”1″>

把第三个参数设为1即可显示run Code的按钮.

下载点这里:wp-syntax-plus.zip

留言里有个叫whisperer 的同学问我用的啥插件,俺才想起来发一下,一大早起来发我也真不容易

wordpress plugin:搜索引擎关键词高亮

下载地址更新 2009.11.8
http://wordpress.org/extend/plugins/keywords-highlight-tool/
———-
由于blog的访客多来自搜索引擎,所以关键词高亮会大大的增强访客的浏览体验,帮助访客快速定位感兴趣的内容.

类似插件已有很多,但俺绝不是再造普通的轮子,一定要用浏览器兼容性最好的插件,没有就自己搞..

现存插件的实现方式有两种,一种用php在后端实现,另一种用js在前端实现.

php实现高亮,浏览器兼容性最好,但是有两个问题:

1.效率问题,不如用js实现,将压力分到前端; 2.不支持cache类插件,当然这个问题可以通过hack cache插件解决,但是不可取.

js实现高亮:

比较理想的实现方法,搜到一篇文章叫也谈Wordpress关键词高亮 里面讲到用js高亮关键词,但是中文gb转码使用了vbscript,所以仅支持ie浏览器

于是用自己的想法简单实现了一下这个功能, 点击搜索测试 第一个结果就应该是了

screenshot:

2009-7-21-21-48-56

跟上面提到插件的主要不同点:

  • 改进了高亮的实现方法,仅替换元素的text节点,防止造成元素事件失效
  • 判断如果不是外链过来的访客将不加载高亮的js脚本
  • 百度链接过来,中文gb转码时使用php后台转码,兼容所有主流浏览器

目前仅添加了对google,yahoo,baidu三个搜索引擎的支持,如果想支持更多,自行修改highlight.js即可

插件下载点这里