Mini Kabibi Habibi
<!DOCTYPE html>
<html style="height: 100vh;">
<head>
<title>SQL monaco editor</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body style="height: 100%; margin: 0">
<div id="container" style="width: auto; height: 100%;"></div>
<script src="sql-formatter/sql-formatter.min.js"></script>
<script>
function formatSQL() {
const settings = {
language: "tsql",
keywordCase: 'upper',
tabWidth: 4
};
myEditor.setValue(sqlFormatter.format(myEditor.getValue(), settings));
}
</script>
<script src="vs/loader.js"></script>
<script>
require.config({ paths: { vs: 'vs' } });
require(['vs/editor/editor.main', 'vs/basic-languages/access-sql/access-sql'], function () {});
</script>
</body>
</html>