EditPlus HTML格式化工具

$hit Talking:

前些天写了一篇文章Editplus JS格式化工具,后来扩展到HTML格式化的时候.发现方法还可以简单些.是因为安装了Node.js之后,Js,CSS,HTML格式化工具是有具体的包的.用npm命令就可以安装,并且很好地使用.
假设你的电脑已经安装了Node.js,可以利用用命令

npm install js-beautify -g

来安装相关的格式化模块.功能包括JavaScript,CSS和Html的格式化功能.
具体的用法在js-beautify详情页有说明.也给出示例:

varbeautify=require('js-beautify').js_beautify,
fs=require('fs');
fs.readFile('foo.js','utf8',function(err,data){
if(err){
    throwerr;
}
console.log(beautify(data,{indent_size:2}));
});

接下来讲讲EditPlus如何配置HTML格式化功能.

代码详解

先引入html格式化模块和文件操作模块

var beautify_html = require('js-beautify').html;
var fs = require("fs");

接下来配置格式化参数

var opts = {
  'indent_inner_html': false,
  'indent_size': 2,
  'indent_char': ' ',
  'wrap_line_length': 78,
  'brace_style': 'expand',
  'preserve_newlines': true,
  'max_preserve_newlines': 5,
  'indent_handlebars': false,
  'extra_liners': ['/html']
};

获取输入的参数(顺便取得文件名)

var arr = process.argv;
var fileName = arr[process.argv.length - 1];

接下来是根据参数数组长度进行处理.如果长度大于3,证明是需要处理当前的选中内容.如果等于3,则第三个参数是文件名(这里的文件名中不允许有空格,否则报错:找不到文件).
设定一个空字符串

var unformat = '';

如果参数数组长度大于3,需要拼接文本再格式化输出

if (arr.length > 3) {
//arr.lenth>3 表示有选中的文本内容
    for (var i = 2; i < arr.length - 1; i++) {
        unformat += arr[i]+" ";
    }
console.log(beautify_html(unformat, opts));
}

如果数组等于3,最后一个参数是文件路径.

else {
// 异步读取
    fs.readFile(fileName, 'utf8', function (err, data) {
        if (err) {
            return console.error(err);
        }
    console.log(beautify_html(data.toString(), opts));
});
}

将以上代码保存到名为"htmlFormat.js"文件中,放到Editplus目录下面,在进行配置,就可以使用HTML格式化功能了.

菜单文本:html Beautify
命令:node.exe
参数:"$(AppDir)\user\plugin\jsFormat\htmlexe.js" $(CurSel) $(FilePath)
动作:筛选文本(替换内容)
其他配置保持默认设置

配置参数

其他情况:

HTB一个格式化HTML的命令行工具,也能够满足格式化功能,但是项目年代有些久远了.不知道具体支持情况好不好.