3

我想在我的小 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>

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

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

干杯

4

2 回答 2

4 
    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);
于 2015-06-04T15:53:37.897 回答
0

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

还有，文档。 https://prettydiff.com/documentation.xhtml

于 2013-11-06T20:51:54.320 回答