Mergely(左右文本对比插件)

Java语言基础

下载此实例

开发语言：Java
实例大小：0.16M
下载次数：24
浏览次数：980
发布时间：2020-07-28
实例类别：Java语言基础
发布人：liuHlzw
文件格式：.zip
所需积分：2

实例介绍

【实例简介】左右文本对比插件 mergely ，应该有坛友听说过或者用过，非常方便的一款对比文本不同的插件，可以在线，或者下载本地，亦或者搞开发合并进项目中使用。
本人下载了其网站，以及开发源码，大家可以下载下来直接使用。

【实例截图】

from clipboard

【核心代码】<%@ page language="java" contentType="text/html; charset=UTF-8"
   pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
   String path = request.getContextPath();
   String basePath = request.getScheme() "://" request.getServerName() ":" request.getServerPort()
           path "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8" /><title>文件对比</title>
   <meta http-equiv="X-UA-Compatible" content="chrome=1, IE=edge">
   <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
   <meta name="description" content="Merge and Diff your documents with diff online and share" />
   <meta name="keywords" content="diff,merge,compare,jsdiff,comparison,difference,file,text,unix,patch,algorithm,saas,longest common subsequence" />
   <meta name="author" content="zfinfo" />


<script type="text/javascript" src="<%=basePath%>frame/static/mergely/js/mergely.js"></script>
<script src="<%=basePath%>frame/static/mergely/js/jquery-3.2.1.min.js"></script>
<script src="<%=basePath%>frame/static/mergely/js/codemirror.min.js"></script>
<link rel="<%=basePath%>frame/static/mergely/css/codemirror.css" />
<script src="<%=basePath%>frame/static/mergely/js/searchcursor.js"></script>


   <link type="text/css" rel="stylesheet" href="<%=basePath%>frame/static/mergely/css/mergely.css" />


</head>
<body>
   <div class="mergely-full-screen-8">
       <div class="mergely-resizer">
           <div id="mergely">
           </div>
       </div>
   </div>
</body>
<script type="text/javascript">
       //初始化代码对比区域
        $('#mergely').mergely({
            license: 'lgpl-separate-notice',
            width: 1200,
            height: 350,
            wrap_lines: true,
            line_numbers: false,
            lhs: function(setValue) {
                setValue("the quick red fox\njumped over the hairy dog"); //初始化左边区域
            },
            rhs: function(setValue) {
                setValue("the quick brown fox\njumped over the lazy dog"); //初始化右边区域
            }
        });

        // 只读，不可编辑，根据个人需要，要或不要
        // $('#mergely').mergely('cm', 'lhs').options.readOnly = true;
        // $('#mergely').mergely('cm', 'rhs').options.readOnly = true;
   </script>
</html>

标签： Mergely

实例下载地址