仿csdn代码高亮样式,拷贝兼容chrome、firefox

本文介绍如何仿制csdn的代码高亮样式,并解决在Chrome和Firefox中复制代码的问题。作者通过从csdn获取js代码并使用zeroclipboard库解决了浏览器兼容性问题。详细步骤包括代码下载、所需修改的两个部分以及针对窗口变化和图片加载延迟的调整。文章提供了一份最终版的下载链接。
摘要由CSDN通过智能技术生成

     

    最终效果图如下所示:

    首先,这里说“仿”其实不合适,因为其实跟抄袭基本是一样,因为各种js代码是从csdn上拷贝下来的。= =不知道会不会有版权问题,但我个人确实超喜欢csdn的这个代码展示,所以就照着抄了一个,放到自己的blog上面去了。如果存在版权问题神马的,跪求通知一声,立马换掉= =

   这个最终的成功是建立在:

http://download.csdn.net/detail/wishcodes/3580490
      的基础上的。这份代码已经很完美了,基本,只是会有一个在chrome和firefox浏览器上面,那个拷贝功能会因为安全问题显示不出来。

   然后我做的,只是用zeroclipboard把这个问题解决掉。当然,是用firefox查看csdn的源码,慢慢折腾出来的。不过,这对我来说,确实挑战难度比较大,要知道朕只是一个纯后端的程序员,css、js神马的压根还没怎么折腾过有木有,当年只是折腾过用css写过一封简历,╮(╯▽╰)╭

   好吧,废话不多说,直接贴代码吧。

   下载地址。

http://download.csdn.net/detail/lingchen_yu/8239169

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值