程序员经验分享-hwhale

推荐一个好组件Javascript文本比较工具

2023-11-02
您的项目上有没有遇到需要在前端显示并比较两个不同版本的文本文件, 希望它像winmerge, 或eclipse的svn比较工具那样标注不同的地方? 我找到了, 分享给大家吧.

最近项目上需要一个类似cvs/svn文本比较工具, 把左右两个文本中不一样的部分标出来. 最后找到了这个:

mergely: http://www.mergely.com/

上个图看看效果吧:

是不是您想要的? 支持的格式很广泛, plain text, CSS, HTML, XML, javascript, PHP, C, C++, etc. 还支持从右边merge到左边.

需要的自己去下载,　例子比较全面, UI做的极好, 我们拿给用户看的时候他非说是flash或者silverlight/.NET做的.

有个缺点是IE系列需要IE9以及以上. 本着渐进增强, 优雅降级的原则, 我们在项目中对ie9以下的浏览器使用了另一个高亮显示插件把文本显示出来即可. 这个插件可以自己去搜索: jquery.syntaxhighlighter.min.js

全文完.

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

javascript

前端

ui

ViewUI

推荐一个好组件Javascript文本比较工具 的相关文章

随机推荐

  • yolov5训练自己的数据(详细)

    已经说过了yolov3的编译 训练的流程了 那今天就来说说yolov5的训练过程了 1 环境准备 centos 7 9 2009 python 3 7 0 cuda 10 2 89 cudnn 7 6 5 torch 1 6 0 torch

  • 修改缓存服务器文件,演练：更改服务器上的工作簿中的缓存数据

    演练 更改服务器上的工作簿中的缓存数据 02 24 2013 本文内容 此演练演示如何通过使用 ServerDocument 类在不启动 Excel 的情况下修改 Microsoft Office Excel 工作簿中缓存的数据集 适用于

  • Tcp/Ip四层模型---应用层、传输层、网络层和链路层以及他们的各自的主要工作

    Tcp Ip四层模型 TCP IP 协议栈是一系列网络协议的总和 是构成网络通信的核心骨架 它定义了电子设备如何连入因特网 以及数据如何在它们之间进行传输 TCP IP 协议采用4层结构 分别是应用层 传输层 网络层和链路层 每一层都呼叫它

  • The value of the local variable total is not used报错解决

    变量未输出 加上System out print 变量

  • 比找女朋友还难的技术点，Python 面向对象

    有人整个 Python 学习生涯都没有搞明白的技术之一 面向对象 先放美图调整下心情 欢迎关注 点赞 评论 Python 面向对象的编程 Python 准确地说也是一门面向对象编程的语言 简称 OOP 咱已经知道在 Python 中所有的数

  • Node.js简介，记录Node.js入门基础概念

    有必要整理一下Node js基础知识啦 Node js是什么 Node js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境 Node js 使用了一个事件驱动 非阻塞式 I O 的模型 使其轻量又高效 Node j

  • 算法的三种练习

    除了具体写代码 做这些练习 1 循环不变式 用循环不变式去解释算法 2 递归 动归的 递推式 3 搜索问题的隐式图构造 隐式树还是图 一个前驱 多个前驱 点是什么 边是什么 怎么扩展

  • 【云原生进阶之PaaS中间件】第二章Zookeeper-3.2架构详解

    1 Zookeeper工作原理 1 1 Zookeeper的角色 领导者 leader 负责进行投票的发起和决议 更新系统状态 学习者 learner 包括跟随者 follower 和观察者 observer follower用于接受客户端

  • Vue3 + Element Plus 实现动态标签页及右键菜单

    文章目录 1 前言 1 1 目的 1 2 普通右键菜单 1 3 本文右键菜单方式 2 生成动态标签页 2 1 准备变量容器 2 2 构造标签页 2 3 动态添加标签页 2 4 动态移除标签页 3 生成右键菜单 3 1 扩展标签页 3 2 增

  • subprocess执行命令行获取返回

    subprocess subprocess 模块允许我们启动一个新进程 并连接到它们的输入 输出 错误管道 从而获取返回值 Popen 是 subprocess的核心 子进程的创建和管理都靠它处理 import subprocess p s

  • 编写教师和学生信息的程序

    编写教师和学生信息的程序 1 定义一个抽象类Person 在Person类中声明两个属性 name和age 并设置其对应的getter方法 用于获取人的姓名和年龄 在Person类中声明一个有参构造方法 用于对Person类中的属性进行初始

  • 两个多项式求和

    单链表的应用 两个多项式求和 提到多项式想必定会想到其系数和指数 定义数据结构 typedef struct Polynomial float coe 多项式系数 int exp 多项式指数 struct Polynomial next P

  • 【模式识别&目标检测】——基于机器视觉的无人机避障&RP-YOLOv3实例

    目录 引入 一 YOLOv3模型 1 实时目标检测YOLOv3简介 2 改进的实时目标检测模型 二 数据集建立 结果分析 1 数据集建立 2 模型结果分析 三 无人机避障实现 参考文献 引入 目前对于障碍物的检测整体分为 激光 红外线 超声

  • ubuntu18.04多版本cuda安装与转换（实测有效）

    ubuntu18 04 CUDA详解 Ubuntu18 04安装cuda 10 1及10 0 和cudnn 1 安装显卡驱动 1 1 禁用nouveau驱动 1 2 安装NVIDIA显卡驱动 2 安装CUDA10 1 2 1 下载cuda安

  • 公司前端开发架构改造

    要看更多的文章 欢迎访问我的个人博客 http oldli net 现在的前端早已不是几年前的前端 再也不是jQuery加一个插件就能解决问题的时代 最近对公司前端的开发进行了一系列的改造 初步达到了我想要的效果 但是未来还需要更多的改进

  • 【DOCKER】docker run的-d，-v等参数用处

    0 引用 ref1 docker ps的详解 表格和文本的记录版本 1 手册查询内容 root master cpu docker run help Usage docker run OPTIONS IMAGE COMMAND ARG Ru

  • linux脚本的注释符号是什么,linux的shell编程中的符号`是什么

    bin sh 是指此脚本使用 bin sh来解释执行 是特殊的表示符 其后面根的是此解释此脚本的shell的路径 bash 表示系统提示符 表示此用户为普通用户 超级用户的提示符是 bash是shell的一种 是linux下最常用的一种sh

  • ARM MMU 详解

    一 MMU 的产生 许多年以前 当人们还在使用DOS或是更古老的操作系统的时候 计算机的内存还非常小 一般都是以 K 为单位进行计算 相应的 当时的程序规模也不大 所以内存容量虽然小 但还是可以容纳当时的程序 但随着图形界面的兴起 还有用户

  • @Resource注解的使用

    1 在spring的配置文件中导入命名空间 xmlns context http www springframework org schema context http www springframework org schema cont

  • 推荐一个好组件Javascript文本比较工具

    您的项目上有没有遇到需要在前端显示并比较两个不同版本的文本文件 希望它像winmerge 或eclipse的svn比较工具那样标注不同的地方 我找到了 分享给大家吧 最近项目上需要一个类似cvs svn文本比较工具 把左右两个文本中不一样的

热门标签