博客园里大家都分享了很多的有用知识，看到好的代码，总想拿到手上去试一下，然后慢慢体会！如果是展示一段完整能运行的代码，若能给读者提供一个【运行代码】的按钮，就方便多了！前两天开通了博客园的JS权限（发邮件到contact@cnblogs.com可以申请开通），今天先拿这个试了一下手，先来体验一把吧：
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>为行博客园中的代码添加一个运行代码按钮</title></head><body><h1>Hello, world!</h1></body></html>
运行上面的代码
点右上方的按钮试试看吧！没错，在一个新窗口中正确的显示了Hello, world!下面来说一下实现的步骤：
【情况分析】
博客园里正常插入的代码是由一个这样的大致结构组成的，如下所示：
<div class="cnblogs_code"> <pre> //这里是你的代码 //不过这段代码是经过cnblogs编辑器重新组织的一段html代码 </pre></div>
只要能够获得这个cnblogs_code下pre里的内容，并将这一段内容输出到一个新的窗口中，目标基本就实现了。这个实现的方法很简单，直接用jQuery就可获得，代码如下：
var code = $('.cnblogs_code').text();//注意这里不要用html()，否则你得到的将是一段cnblogs编辑器重组后的html代码
