纯JavaScript代码实现文本比较工具

之前项目需求需要写一个纯js文本比较工具，在此小编把代码分享在考高分网平台供大家参考，算法有待优化，本文写的不好还请见谅。

先上效果图:

代码如下所示：

把源码保存为html格式的文件就可以直接运行了

*{padding:px;margin:px;}
html,body{
overflow-y: hidden;
}
.edit_div{
border: px solid #CCCCCC;
overflow: auto;
position: relative;
}
.edit_div textarea{
resize:none;
background: none repeat scroll transparent;
border: none;
width: %;
height:px;
overflow-y: scroll;
position: absolute;
left: px;
top: px;
z-index: ;
font-size: px;
white-space: pre-wrap;
word-wrap: break-word;
word-break:break-all;
}
.edit_div pre{ 
overflow-y: scroll;
white-space: pre-wrap;
word-wrap: break-word;
word-break:break-all;
width: %;
height:px;
text-align: left;
color: #ffffff;
z-index: ;
font-size: px;
}

以上代码是使用的纯Javascript代码实现文本比较工具，希望对大家有所帮助！