Skip to content

【推广】一个基于此插件开发,解决bug且新增功能的插件,同时支持 vue2/3 #63

Open
@Shimada666

Description

@Shimada666

2023.06.27更新
目前 v-code-diff 已更新到 1.5.1 版本,比原先多支持以下功能,欢迎大家使用:

  1. 更精确的语法高亮
  2. 支持点击折叠行展开 diff 中被折叠的内容(类似 github code diff 组件)
  3. 更快的 diff 速度(两个 1w 行的文件 diff 渲染速度在 1 秒内)
  4. 更小的打包体积(未压缩大概 200+ kb)
  5. 支持 cdn 引入

这个插件是我目前看到 vue 看起来最舒服的代码对比插件,我本人项目里也已使用一年多了,特别感谢作者的贡献。由于使用过程中发现一些不足,也有一些样式上的bug,因此本人也做了一些微小的贡献,基于此插件优化了一下,制作了一个新的代码对比插件,已经迭代到 0.3.3 版本,功能也趋于稳定,希望能帮到一些有需要的朋友,也再次感谢作者的代码。

新插件 Props 基本与此插件相同

新插件带来了什么?
【问题修复】

  • 解决了原插件一些样式问题
    1. 无 diff 时,样式错乱的 bug
      image
    2. 在 Chrome 表现正常,但其他浏览器如 (Safari, 360chrome) 显示错乱的问题
    3. 解决 F12 控制台 highlight.js 废弃提示的问题
    4. 解决差异级别(word, char)无效的问题

【新增特性】

  1. 异步高亮代码,提升页面渲染性能
  2. 支持配置是否高亮代码
  3. 高亮前后增加钩子函数,支持自定义配置是否高亮
  4. 更小的打包体积
  5. 支持 vue3

点击试用
Github地址

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions