EMLOG

cover

代码高亮复制 装饰特效

代码高亮复制插件(sky_codecopy)基于 highlight.js 实现 15+ 种编程语言语法高亮(CDN 模式支持 192+ 种),支持一键复制并即时反馈。自动识别显示代码语言标签,采用 Mac 风格窗口设计,代码块带红黄绿装饰圆点,悬浮阴影效果,滚动条美化,整体视觉效果专业美观,支持浅色/深色模式自适应,可本地/CDN 切换。只需添加 language-xxx 类名即可自动启用。


售价: 9

立即购买


演示站


开发者:苏酷伊Sukuy

上次更新: 15小时前

无代码加密 无额外授权 版本号:1.2 适配PHP:7.4,8.1,8.2

主要功能

代码高亮复制(sky_codecopy)插件基于业界知名的 highlight.js 库实现,能够为代码块添加丰富的语法高亮效果。高亮功能包括:

  • 关键词高亮:编程语言的关键字以醒目颜色显示
  • 字符串高亮:字符串内容使用专门的颜色区分
  • 注释高亮:注释内容以灰色显示,与代码主体区分
  • 数字高亮:数字常量使用独特的颜色标识
  • 函数高亮:函数名和类名特殊显示,便于识别

语法高亮显示

每个代码块右上角都配有精心设计的"复制"按钮,提供以下特性:

  • 点击复制:单击按钮即可复制代码内容
  • 成功提示:复制成功后按钮显示绿色"复制成功!"提示
  • 自动恢复:2秒后按钮自动恢复初始状态
  • 失败处理:复制失败时显示"复制失败"提示
  • 无障碍支持:按钮具有适当的键盘可访问性

语言标签显示

插件能够自动识别代码块的语言类型,并在代码块左上角显示对应的语言标签:

  • 自动识别 language-xxx 类名
  • 支持 data-language 属性自定义
  • 未识别时默认显示"CODE"
  • 标签采用小写字母显示

插件展示

代码高亮复制插件sky_codecopy展示

代码高亮复制插件sky_codecopy展示

代码高亮复制插件sky_codecopy展示

代码高亮复制插件sky_codecopy展示

请先登录, 再发布评论