JS实现Sql语句格式化效果

        我们知道，在编辑SQL语句的时候，可以通过各种客户端软件对SQL语句进行格式化，但是我们如果想通过前端来格式化SQL怎么办呢？这时我们可以借助sql-formatter.js插件来实现，效果如下所示：

格式化前：

格式化后：

具体使用代码如下所示：

//获取格式化SQL
var formatSql = sqlFormatter.format('SELECT * FROM A', { language: 'sql', indent: '    ' });

其中的language代表格式化SQL的类型（sql为标准格式）、indent代表格式化缩进的字符（Demo中为4个空格）

 

DEMO下载地址：

https://download.youkuaiyun.com/download/qubernet/11956568（完整效果【推荐】：SQL语法高亮、智能提示、SQL格式化等）
https://download.youkuaiyun.com/download/qubernet/11777907（只有格式化效果）

 

说明：上面提到的格式化前和格式化后的效果图中，用到了ace.js（前端代码美化提示插件，可参考官方文档：https://ace.c9.io/#api=editor&nav=api）