2016-07-28 29 views
0

我想格式化HTML ..我用tidymanaged格式的HTML文件

<html> 
<link rel='stylesheet' type='text/css' href='/lib/styles/default/general_app.css'></link> 
<title>test</title> 
<body>asd<input type='text' /> 
</body> 
</html> 

TIDYMANAGED

using (Document doc = Document.FromString(newFile)) 
       { 
        doc.ShowWarnings = false; 
        doc.Quiet = true; 
        doc.DocType = TidyManaged.DocTypeMode.Strict; 
        doc.DropFontTags = true; 
        doc.UseLogicalEmphasis = true; 
        doc.OutputXhtml = false; 
        doc.OutputXml = false; 
        doc.MakeClean = true; 
        doc.DropEmptyParagraphs = true; 
        doc.CleanWord2000 = true; 
        doc.QuoteAmpersands = true; 
        doc.JoinStyles = false; 
        doc.JoinClasses = false; 
        doc.Markup = true; 
        doc.IndentSpaces = 4; 
        doc.IndentBlockElements = TidyManaged.AutoBool.Yes; 
        doc.CharacterEncoding = TidyManaged.EncodingType.Utf8; 
        doc.CleanAndRepair(); 
        parsed = doc.Save(); 
       } 

尝试,但它从输入标签去掉斜线和节目,如<link />其中的链接标签我想`

然后我试了prettydiff那就是http://prettydiff.com/

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]; 
console.log(pretty); 
var report = pd[1]; 


console.log(report); 

Demo

,但它不工作even..can有人给我一些suggesion请该如何解决呢?

+0

看看中的jsfiddle开发者控制台,有错误,告诉你,你不能加载在“HTTP”协议外的.js。只需将外部资源的链接地址从“http:// examle.com”更改为“https:// example.com”即可。 – Buksy

+0

@Buksy更新了问题..https://没有解决问题,因此我添加了它to javascript directly..please check and tell me suggestion – Dhara

回答

0

您还没有达到prettydiff依赖整体出发指导,采取index.xhtml in prettydiff github repository看看例子。 prettydiff之前需要包含多个库/脚本。

<script src="lib/finalFile.js" type="application/javascript"></script> 
<script src="lib/safeSort.js" type="application/javascript"></script> 
<script src="ace/ace.js" type="application/javascript"></script> 
<script src="api/dom.js" type="application/javascript"></script> 
<script src="lib/csspretty.js" type="application/javascript"></script> 
<script src="lib/csvpretty.js" type="application/javascript"></script> 
<script src="lib/diffview.js" type="application/javascript"></script> 
<script src="lib/jspretty.js" type="application/javascript"></script> 
<script src="lib/markuppretty.js" type="application/javascript"></script> 
<script src="prettydiff.js" type="application/javascript"></script> 
0

你需要prettydiff模块吗?在GitHub上他们要求你需要这样的:

var prettydiff = require("prettydiff"), 
args  = { 
    source: "asdf", 
    diff : "asdd", 
    lang : "text" 
}, 
output  = prettydiff.api(args); 

检查在https://github.com/prettydiff/prettydiff/

+0

我想从javascript运行..我写了'var global = {}, args = { source:“asdf”, diff:“asdd”, lang :“text” }, output = prettydiff(args);'already..still not working – Dhara