SQL Formatter

sql-formatter playground

by remarkablemark

HTML

<textarea placeholder="Enter SQL..."></textarea>
<pre><code></code></pre>

<!--
  sql-formatter: https://www.npmjs.com/package/sql-formatter
-->
<script src="https://unpkg.com/sql-formatter@2.3.3/dist/sql-formatter.min.js"></script>

JavaScript

var textarea = document.querySelector('textarea');
var code = document.querySelector('code');

var format = window.sqlFormatter.format;

textarea.addEventListener('input', function(event) {
  code.innerText = format(event.target.value);
});