clowwindy的杂草牧场

   :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

今天发现博客里的老文章代码缩进全部失效了,所有的代码左边都没有空格。研究了一下发现代码块的源码里没有<pre>标签,全是<div>和<span>。回想起以前有一次在后台调整了很多文章的tag,可能点保存的时候,HTML在线编辑器做了什么多余的事情吧。

考虑到把老文章全部改一遍比较麻烦,就打算全局修改一下。首先想到了white-space:pre,可惜会导致Firefox复制不出空格,而IE完全不起作用。接下来就是用js了,在每个没有<pre>子节点的代码块最外层<div>下面插一个<pre>标签:

$(".cnblogs_code").each(function(){
if($(this).find("pre").length==0){
$(this).wrapInner('<pre/>');
}
});


全局挂上这个脚本,再重新打开老文章,总算恢复正常了。

posted on 2011-10-26 17:53  clowwindy  阅读(563)  评论(0编辑  收藏  举报