用法相当不同

2023-12-05

我想在我的小型 Web 项目中使用这个出色的 Javascript 库。

http://prettydiff.com/

我已经下载了 PrettyDiff.js 和 ViewDiff.js

我一直在研究如何使用它,但似乎找不到任何有关如何获取 Javascript/Jquery 输出的示例

这是我到目前为止所拥有的。

<script xmlns="http://www.w3.org/1999/xhtml" type="application/javascript" src="prettydiff.js"></script>
<script xmlns="http://www.w3.org/1999/xhtml" type="application/javascript" src="diffview.js"></script>
<link xmlns="http://www.w3.org/1999/xhtml" href="diffview.css" media="all" rel="stylesheet" type="text/css" />
<script type="application/javascript">
    $(document).ready(function () {
        var pd = new prettydiff();
        var dv = new diffview();

    });
</script>

我放置了两个文本区域和按钮,但我似乎找不到开始显示的功能。

任何文档或代码将不胜感激。

Cheers


    var str = "<html><body><h1>hello</h1></body><html>";

    // Options can be viewed at:
    // http://prettydiff.com/documentation.xhtml#function_properties

    var options   = {
        source: str,
        mode : "beautify", //  beautify, diff, minify, parse
        lang  : "html",
        wrap : 100,
        inchar : "\t",  // indent character
        insize : 1      // number of indent characters per indent
    }

    var pd = prettydiff(options); // returns and array: [beautified, report]

    var pretty = pd[0];
    var report = pd[1];

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

用法相当不同 的相关文章

随机推荐

  • 角度怪异:一个对象属性如何更改两个不同对象上的属性?

    我正在使用 Angularjs 构建一个网站 其中有一个对象列表 scope fieldsToShow fields type LOGGED IN fields type PERSONAL user 2 name Rick Astley 然
  • 我不知道为什么这个 static_assert() 代码不起作用

    这是代码 pragma once include
  • 在classpath中打印spring.xml的路径

    我在测试类中使用以下代码来加载类路径和 application content xml 文件中的所有 spring xml 文件 Override protected String getConfigLocations return new
  • 在 Mongo 2.6 和 Pymongo 2.7.1 上使用 maxTimeMS 参数进行聚合查询

    我无法在 Mongo 2 6 和 Pymongo 2 7 1 中使用 maxTimeMS 参数 根据本页的文档官方 Mongodb 聚合页面聚合方法应该返回一个Cursor目的 但是 当我在本地运行查询时mongod实例 2 6 pymon
  • AWS-CDK:有什么方法可以通过输入参数传递vpc cidr?

    我正在尝试将 vpc cidr 作为输入参数传递 如下所示 import Stack StackProps Construct CfnParameter from aws cdk core import Vpc SubnetType fro
  • 现有的 DAO 代码可以在 SQL Server 上运行吗?

    如果我将数据从 Access MDB 传输到 SQL Server VB 应用程序中的 DAO 代码是否会针对 SQL Server 工作 我意识到需要对初始连接调用进行更改 但还有其他需要更改的地方吗 这里有很多问题 如果您使用 ADP
  • 如何为每个页面调用一个方法?

    我正在使用 Spring MVC 编写一个应用程序 我有一个从数据库返回值的方法 我想在网站的标题中显示这些值 显示在所有页面上 我怎样才能做到这一点 我需要在每个控制器中调用这个方法 声明一个类 ControllerAdvice注解 然后
  • 通过 TCP 读取嗅探数据

    我正在开发一个应用程序 该应用程序正在侦听传入电脑的数据并将其存储在数据库中 当我尝试使用任何嗅探软件时 它会解码数据并且我可以读取它 但在我的代码中 我根本无法阅读它 它的格式是这样的 18222621516223418171188155
  • Hibernate:有第三级缓存吗?

    在一次求职面试中 一位招聘人员问我 hibernate 中有多少级缓存 所以我描述了1级和2级 他说正确 但还有第三级缓存 例如缓存一些不经常更改的表的结果 如 CURRENCY 或 COUNTRY 并在每个 12 24 您想要的时间 小时
  • 使用纯 JavaScript 获取点击元素的索引

    我需要知道单击元素的索引 不知道该怎么做 for i 0 i lt document getElementById my div children length i document getElementById my div childr
  • 将训练数据拆分为每个类的相同行数

    我有一个非常大的数据集 大约有 314554097 行和 3 列 第三列是班级 该数据集有两个类 0 和 1 我需要将数据分为测试数据和训练数据 要分割我可以使用的数据 from sklearn cross validation impor
  • 处理 contentEditable DIV 上的换行符

    我有一个问题contenteditableSAFARI CHROME 上的换行符 当我在 contentEditable 上按 返回 时 div 而不是创建一个 br 如 Firefox 他们创建了一个新的 div div Somethin
  • PostgreSQL 在触发器函数中动态修改新记录中的字段

    我有一个包含 ID 和用户名 以及其他详细信息 的用户表 以及引用该表的其他几个表 其中包含各种列名称 CONSTRAINT some name FOREIGN KEY columnname REFERENCES user userid 我
  • 在 OpenCV 中复制像素值

    我有 RGB 图像 例如尺寸为 2x2 如下 0 14 255 75 156 255 45 255 234 236 141 255 我想将每个像素 所有 RGB 通道 复制 2x2 次并获得如下所示的图像 0 14 255 0 14 255
  • 什么是 Irvine32 库以及我们为什么使用它?

    我想知道Irvine32汇编语言库是什么 我想要一个定义以及我们为什么使用这个库 我想知道汇编语言中的 Irvine32 库是什么 Irvine32 库是有用函数的集合 您可以查看在线文档了解它们的列表和更多详细信息 我想要一个防御以及为什
  • Google 日历 API - 插入活动 - 通过电子邮件通知组织者

    使用 Google 日历 API 事件 插入 我代表用户在用户的日历中创建一个事件并将他们设置为组织者 我还邀请了一位客人 我希望组织者收到类似于来宾可能收到的电子邮件通知 我尝试使用 sendUpdates 参数 但它只通知客人 有没有办
  • 我们如何使用这些指令在汇编中使用跳转?

    据我所知 组装中的跳跃基本上是从一个位置到另一个位置 说我们有 804828f 74 05 je XXXXXXX 8048291 e8 1e 00 00 00 call 80482b4 根据这本书 我真正要做的就是将 0x05 添加到 80
  • Visual Studios 在构建项目时反复出现 PDB API 调用失败

    所以我有一个项目位于另一个目录中 我将其复制并移动到另一个目录中 以便将其转储到之前运行早期版本代码的本地 git 存储库中 我知道为什么我要很好地复制这些内容 这是一个很长的故事并且无关紧要 在尝试在 Visual Studios 201
  • 奇怪的错误,链接在 jquery 'tabs+accordion' 中不起作用[关闭]

    很难说出这里问的是什么 这个问题模棱两可 含糊不清 不完整 过于宽泛或言辞激烈 无法以目前的形式合理回答 如需帮助澄清此问题以便重新打开 访问帮助中心 我是新来的 到处寻找答案但找不到 我正在使用 Codecanyon 的这个很棒的选项卡
  • 用法相当不同

    我想在我的小型 Web 项目中使用这个出色的 Javascript 库 http prettydiff com 我已经下载了 PrettyDiff js 和 ViewDiff js 我一直在研究如何使用它 但似乎找不到任何有关如何获取 Ja