Question

我想在我的小网站项目中使用这个梦幻般的Javascript库。

我已下载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>

我有两个文本区域和按钮，但我似乎没有找到启动该节目的功能。

非常感谢任何文档或代码。

干杯

Answer 1

    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);

Answer 2

不完全知道你想要完成什么，但网站上有几个例子。 https://prettydiff.com/2/samples.xhtml

另外，文档。 https://prettydiff.com/documentation.xhtml

相当差异的用法

2 个答案: