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.csdn.net/download/qubernet/11956568(完整效果【推荐】:SQL语法高亮、智能提示、SQL格式化等)
https://download.csdn.net/download/qubernet/11777907(只有格式化效果)

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

发布了293 篇原创文章 · 获赞 31 · 访问量 9万+

猜你喜欢

转载自blog.csdn.net/qubernet/article/details/100987607