库文件到附件中下载。
实例代码如下
<script type="text/javascript" src="/diffview.js"></script> <link rel="stylesheet" type="text/css" href="/diffview.css"/> <script type="text/javascript" src="/jsdiff.js"></script> <script type="text/javascript" src="/difflib.js"></script>
<script> window.onload = function(){ var input = document.getElementById("input"); var output = document.getElementById("output"); var form = document.getElementById("form"); input.value = "Two pieces to the puzzle\n\nDiff script by snowtide\nSnowtide script has no word diff\nCombine the two and it rocks!"; output.value = "Two pieces to the puzzle\n\nDiff script by john resig\nResig script has no line by line diff\n\nCombine the two and it rocks!"; form.onsubmit = function(e){ if (e) e.preventDefault(); if (typeof event != "undefined") event.returnValue = false; diffUsingJS (); return false; }; }; function diffUsingJS () { var base = difflib.stringAsLines(document.getElementById("input").value); var newtxt = difflib.stringAsLines(document.getElementById("output").value); var sm = new difflib.SequenceMatcher(base, newtxt); var opcodes = sm.get_opcodes(); var diffoutputdiv = document.getElementById("diffoutput"); while (diffoutputdiv.firstChild) diffoutputdiv.removeChild(diffoutputdiv.firstChild); var contextSize = 3; contextSize = contextSize ? contextSize : null; diffoutputdiv.appendChild(diffview.buildView({ baseTextLines:base, newTextLines:newtxt, opcodes:opcodes, baseTextName:"Old", newTextName:"New", contextSize:contextSize, viewType: 0})); } </script> <div style="float:left;width:50%"> <form id="form"><b>Old:</b><br/> <textarea cols="60" rows="10" id="input"></textarea><br/> <div> <b>New:</b><br/> <textarea cols="60" rows="10" id="output"></textarea> </div> <input type="submit" value="Diff"/></form><br/> </div> <div id="diffoutput" style="clear:both;width:100%;"> </div> <div style="clear:both;"> </div>
效果如下图
相关推荐
jsdiff 一个javascript的文本差异比较实现
用javascript做的文本编辑器.dsfadfddddddddddddddddddddddddddddd
javascript获取选中文本的测试脚本,选中文本时产生一个按钮,点击按钮显示文本内容
今天小编就为大家分享一篇关于使用JavaScript保存文本文件到本地的两种方法,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
js文本对比、文本比较附加测试用例(jsdifflib)
javascript富文本框,javascript富文本框
纯javascript文本编辑器,效果还不错。
ASP.NET编写的JavaScript文本控件设计样版
JavaScript写的功能比较全的文本编辑器
使用JavaScript实现的富文本框,使整个界面看起来更加漂亮且功能齐全!
javascript 读取文本文件.rar javascript 读取文本文件.rar
JavaScript文本编辑事件案例.pdf 学习资料 复习资料 教学资源
包括17个实例,9个扩展实例! 完全可运行!html格式 实例1.随机产生文本.html 实例2.文字循环出现.html ﹕ ﹕ ﹕ 实例17.简易文本编辑器.html
利用goquery去除HTML文本中的javascript和白名单以外的属性
用javascript实现的前台文本编辑器
网易javascript富文本编辑器 很好很强大 如果你也在找js编辑器,绝对是你想要的 功能可自定义
JAVASCRIPT 文本教程,非常实用,可在手机,MP4上看。TXT格式
javascript文档操作课程简介及各种案例详解。