beyond compare 2 导出html调整

参见前文 beyond compare 原始导出的 html 有很多不便之处:

 

 

原始方案:


1.结构为

<table> 

<!--
两个文件同一行
-->
<tr>
<td>
文件1该行内容
</td>
<td>
文件2该行内容
</td>
</tr>

<tr>
<td>
</td>
<td>
</td>
</tr>

....

</table>
 



的格式,比较冗余,采用行方式强制保证,两个文件的同一行比较结果对其。

2.由于采用 tr 对同一行进行对其,那么当文件很长时,滚动条会出现在浏览器窗口,且没有各个文件窗口内部的同步纵向横向滚动条(参见 ultracompare ),即使经过优化仍然会出现横向,纵向滚动条不能同时出现在浏览器中的情况,对比很不方便了。

只能从根本上改变结果 html 的结构格式着手,好在 bc 也提供了 xml 格式的比较结果,那么可以自己构建任意的 html 结构

 

改进方案:


改进结构:

<table>
<tr>

<td>
<div>
<p></p>
...
</div>
</td>

<td>
<div>
<p></p>
...
</div>
</td>

</tr>
</table>
 


1.不再使用 tr 进行不同文件同行对比结果的对其,而是使用 div 内 p 的对其来表示。
2.那么可以设置 两个 div 的高度宽度,使得其不超过浏览器窗口,并且通过 js 控制两个 div 同步滚动。
3.关键在两个字符串 conflict 字串的显示问题,由于导出 xml 没有说明两个串的不同子串位置,重点在于使用 LCS 的动态规划解法找出最长公共序列,并对两个字符串内的连续的公共序列进行高亮。



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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值