edp-htmlhint

Usage

edp htmlhint [target]

Description

使用htmlhint对当前目录下所有HTML文件代码进行检测。检测结果将输出markdown格式的报告。

如果当前目录或子目录下包含.htmlhintrc文件，则检测过程使用该用户配置，否则使用edp默认配置。

针对标签的配置：

[
    {
        element: "a", 
        attributes: { 
            "charset": true,
            "coords": true,
            "download": true,
            "href": true,
            "hreflang": true,
            "media": true,
            "name": true,
            "ping": true,
            "rel": true,
            "rev": true,
            "shape": true,
            "target": true,
            "type": true
        }
    },
    {
        element: "abbr", 
        attributes: { }
    }
]

扩展规则配置：

[
    {
        on: "div:not([class])",
        test: function(index, element, lint) {
            lint.warn("CLASSLESS_DIV"); 
        }
    },
    { 
        on: "*",
        test: function(index, element, lint) {
            var cls = this.className;
            if(this.hasAttribute('class') && /^\s*$/.test(cls)) {
                lint.warn("EMPTY_CLASS");
            }
        } 
    }
]

更多配置暂时可参考：

https://github.com/ecomfe/edp-htmlhint/blob/master/lib/elements.js

https://github.com/ecomfe/edp-htmlhint/blob/master/lib/config.js