表題のとおりの小品です。
ソース
<!DOCTYPE html>
<html lang="ja">
<head>
</head>
<body>
<div class="container">
<input type="button" value="Format" onclick="format()" />
<textarea rows="50" cols="100" id="sql_text"></textarea>
</div>
<script type="text/javascript">
function formatSql(text){
// 改行するキーワード
var array=["AND","FROM","FULL","GROUP","INNER","LEFT","ON","ORDER","RIGHT","SET","WHERE","VALUES"];
// キーワード共通処理
for(i=0; i<array.length; i++){
var keyword = array[i];
var after = " " + keyword + " ";
// キーワード前後の半角スペースを1つだけにする
// 例: キーワード" AND "は" AND "になる
text = text.replace(new RegExp(" +" + keyword + " +", "gi"), after);
// 改行
var afterRn = "\r\n" + after;
text = text.replace(new RegExp(after, "gi"), afterRn);
}
// SELECT:後ろ改行
text = text.replace(/SELECT/gi, "SELECT\r\n");
// カンマ:前後のスペース削除
text = text.replace(/( +,|, +| +, +)/gi, ",");
// カンマ:改行(前カンマ)
text = text.replace(/,/g, "\r\n , ");
// かっこ:改行
text = text.replace(/\(/g, "(\r\n");
text = text.replace(/\)/g, "\r\n)\r\n");
return text;
}
function format() {
const sql = document.getElementById("sql_text").value;
document.getElementById("sql_text").value = formatSql(sql);
}
</script>
</body>
</html>
参考
以下を少々改善したもの。
また使いながら改善するかも。
以上です~