博客园代码缩进失效的问题

博客园代码缩进失效的问题

今天发现博客里的老文章代码缩进全部失效了，所有的代码左边都没有空格。研究了一下发现代码块的源码里没有<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 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/clowwindy/archive/2011/10/26/2225514.html