mirror of
https://github.com/beautifier/js-beautify.git
synced 2024-11-23 04:40:06 +00:00
1ff8cce65c
Some checks failed
CI / Build ${{ matrix.os }} (Node ${{ matrix.node-version }}, Python ${{ matrix.python-version }} ) (16, ubuntu, 3.8) (push) Failing after 0s
CI / Build ${{ matrix.os }} (Node ${{ matrix.node-version }}, Python ${{ matrix.python-version }} ) (18, ubuntu, 3.10) (push) Failing after 0s
CI / Build ${{ matrix.os }} (Node ${{ matrix.node-version }}, Python ${{ matrix.python-version }} ) (20, ubuntu, 3.11) (push) Failing after 0s
CodeQL / Analyze (javascript) (push) Failing after 0s
CodeQL / Analyze (python) (push) Failing after 0s
CI / Build ${{ matrix.os }} (Node ${{ matrix.node-version }}, Python ${{ matrix.python-version }} ) (16, macos, 3.8) (push) Has been cancelled
CI / Build ${{ matrix.os }} (Node ${{ matrix.node-version }}, Python ${{ matrix.python-version }} ) (16, windows, 3.8) (push) Has been cancelled
CI / Build ${{ matrix.os }} (Node ${{ matrix.node-version }}, Python ${{ matrix.python-version }} ) (18, macos, 3.10) (push) Has been cancelled
CI / Build ${{ matrix.os }} (Node ${{ matrix.node-version }}, Python ${{ matrix.python-version }} ) (18, windows, 3.10) (push) Has been cancelled
CI / Build ${{ matrix.os }} (Node ${{ matrix.node-version }}, Python ${{ matrix.python-version }} ) (20, macos, 3.11) (push) Has been cancelled
CI / Build ${{ matrix.os }} (Node ${{ matrix.node-version }}, Python ${{ matrix.python-version }} ) (20, windows, 3.11) (push) Has been cancelled
* Added a Download button next to the Copy to Clipboard button in the UI * fixed download button and passed all test cases * Update js/bin/js-beautify.js * Update index.html * Update index.html * Update web/common-function.js Co-authored-by: Liam Newman <bitwiseman@gmail.com> * Update web/common-function.js --------- Co-authored-by: Liam Newman <bitwiseman@gmail.com>
316 lines
22 KiB
HTML
316 lines
22 KiB
HTML
<!doctype html>
|
|
<html lang="en-US" dir="ltr" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
|
|
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta charset="utf-8" /><!-- The <meta> element must be within the first 1024 bytes of the HTML -->
|
|
|
|
<!--
|
|
The MIT License (MIT)
|
|
|
|
Copyright (c) 2007-2018 Einar Lielmanis, Liam Newman, and contributors.
|
|
|
|
Permission is hereby granted, free of charge, to any person
|
|
obtaining a copy of this software and associated documentation files
|
|
(the "Software"), to deal in the Software without restriction,
|
|
including without limitation the rights to use, copy, modify, merge,
|
|
publish, distribute, sublicense, and/or sell copies of the Software,
|
|
and to permit persons to whom the Software is furnished to do so,
|
|
subject to the following conditions:
|
|
|
|
The above copyright notice and this permission notice shall be
|
|
included in all copies or substantial portions of the Software.
|
|
|
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
|
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
|
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
|
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS
|
|
BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
|
|
ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
|
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
SOFTWARE.
|
|
-->
|
|
|
|
<!-- if you feel an urge to move this to bootstrap or something, you're most welcome -->
|
|
<title>Online JavaScript beautifier</title>
|
|
<link rel="icon" href="web/favicon.png" type="image/png">
|
|
|
|
<script src="https://cdnjs.cloudflare.com/polyfill/v2/polyfill.min.js?features=default&flags=gated"></script>
|
|
|
|
<!-- Codemirror from https://cdnjs.com/libraries/codemirror -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.16/codemirror.min.css" integrity="sha512-uf06llspW44/LZpHzHT6qBOIVODjWtv4MxCricRxkzvopAlSWnTf6hpZTFxuuZcuNE9CBQhqE0Seu1CoRk84nQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.16/theme/darcula.min.css" integrity="sha512-kqCOYFDdyQF4JM8RddA6rMBi9oaLdR0aEACdB95Xl1EgaBhaXMIe8T4uxmPitfq4qRmHqo+nBU2d1l+M4zUx1g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.16/codemirror.min.js" integrity="sha512-OeZ4Yrb/W7d2W4rAMOO0HQ9Ro/aWLtpW9BUSR2UOWnSV2hprXLkkYnnCGc9NeLUxxE4ZG7zN16UuT1Elqq8Opg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
|
|
<!-- Codemirror Modes -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.16/mode/xml/xml.min.js" integrity="sha512-LarNmzVokUmcA7aUDtqZ6oTS+YXmUKzpGdm8DxC46A6AHu+PQiYCUlwEGWidjVYMo/QXZMFMIadZtrkfApYp/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.16/mode/javascript/javascript.min.js" integrity="sha512-Cbz+kvn+l5pi5HfXsEB/FYgZVKjGIhOgYNBwj4W2IHP2y8r3AdyDCQRnEUqIQ+6aJjygKPTyaNT2eIihaykJlw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.16/mode/css/css.min.js" integrity="sha512-rQImvJlBa8MV1Tl1SXR5zD2bWfmgCEIzTieFegGg89AAt7j/NBEe50M5CqYQJnRwtkjKMmuYgHBqtD1Ubbk5ww==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.16/mode/htmlmixed/htmlmixed.min.js" integrity="sha512-HN6cn6mIWeFJFwRN9yetDAMSh+AK9myHF1X9GlSlKmThaat65342Yw8wL7ITuaJnPioG0SYG09gy0qd5+s777w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.16/addon/search/search.min.js" integrity="sha512-Mw3RqCUHTyvN3iSp5TSs731TiLqnKrxzyy2UVZv3+tJa524Rj7pBC7Ivv3ka2oDnkQwLOMHNDKU5nMJ16YRgrA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.16/addon/search/searchcursor.min.js" integrity="sha512-+ZfZDC9gi1y9Xoxi9UUsSp+5k+AcFE0TRNjI0pfaAHQ7VZTaaoEpBZp9q9OvHdSomOze/7s5w27rcsYpT6xU6g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.16/addon/dialog/dialog.min.js" integrity="sha512-NAJeqwfpM7/nfX90EweQhjudb66diK3Y9mkBjb4xJ6wufuVqFVAjHd8mJW//CGHNR9cI8wUfDRJ0jtLzZ9v8Qg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.16/addon/dialog/dialog.min.css" integrity="sha512-Vogm+Cii1SXP5oxWQyPdkA91rHB776209ZVvX4C/i4ypcfBlWVRXZGodoTDAyyZvO36JlTqDqkMhVKAYc7CMjQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/3.0.5/js.cookie.min.js" integrity="sha512-nlp9/l96/EpjYBx7EP7pGASVXNe80hGhYAUrjeXnu/fyF5Py0/RXav4BBNs7n5Hx1WFhOEOWSAVjGeC3oKxDVQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.6/require.min.js" integrity="sha512-c3Nl8+7g4LMSTdrm621y7kf9v3SDPnhxLNhcjFJbKECVnmZHTdo+IRO05sNLTH/D3vA6u1X32ehoLC7WFVdheg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
|
|
<script src="js/lib/unpackers/javascriptobfuscator_unpacker.js"></script>
|
|
<script src="js/lib/unpackers/urlencode_unpacker.js"></script>
|
|
<script src="js/lib/unpackers/p_a_c_k_e_r_unpacker.js"></script>
|
|
<script src="js/lib/unpackers/myobfuscate_unpacker.js"></script>
|
|
<script src="web/common-function.js"></script>
|
|
|
|
<link rel="stylesheet" href="web/common-style.css">
|
|
</head>
|
|
|
|
<body class="container">
|
|
|
|
<div class="title">
|
|
<h1 class="logo">
|
|
<img alt="js-beautify" src="web/banner-light.svg" height="54px" />
|
|
<span id="version-number"></span>
|
|
</h1>
|
|
<div class="sub-title">
|
|
<p>
|
|
<strong>Beautify JavaScript, JSON, React.js, HTML, CSS, SCSS, and SASS</strong>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="options">
|
|
<div id="theme-toggle-wrapper">
|
|
<label id="theme-toggle-label" for="theme-toggle-btn">
|
|
<input type="checkbox" id="theme-toggle-btn" style="display: none" />
|
|
<div id="theme-toggle-slider"></div>
|
|
</label>
|
|
<span>Enable Dark Mode</span>
|
|
</div>
|
|
<select name="language" id="language">
|
|
<option value="css">Beautify CSS</option>
|
|
<option value="html">Beautify HTML</option>
|
|
<option value="js">Beautify JavaScript</option>
|
|
</select>
|
|
|
|
<div class="buttons-box">
|
|
<button class="submit"><strong>Beautify Code</strong> <em>(ctrl‑enter)</em></button>
|
|
<button class="control" type="button" onclick="copyText()"><strong>Copy to Clipboard</strong></button>
|
|
<button class="control" type="button" onclick="downloadBeautifiedCode()"><strong>Download</strong></button>
|
|
<button class="control" type="button" onclick="selectAll()"><strong>Select All</strong></button>
|
|
<button class="control" type="button" onclick="clearAll()"><strong>Clear</strong></button>
|
|
<input type="file" onchange="changeToFileContent(this)">
|
|
</div>
|
|
|
|
<div class="config-options">
|
|
<h2>Options</h2>
|
|
<div id="options">
|
|
|
|
<div class="options-select">
|
|
<select name="tabsize" id="tabsize">
|
|
<option value="1">Indent with a tab character</option>
|
|
<option value="2">Indent with 2 spaces</option>
|
|
<option value="3">Indent with 3 spaces</option>
|
|
<option value="4">Indent with 4 spaces</option>
|
|
<option value="8">Indent with 8 spaces</option>
|
|
</select>
|
|
<select name="max-preserve-newlines" id="max-preserve-newlines">
|
|
<option value="-1">Remove all extra newlines</option>
|
|
<option value="1">Allow 1 newline between tokens</option>
|
|
<option value="2">Allow 2 newlines between tokens</option>
|
|
<option value="5">Allow 5 newlines between tokens</option>
|
|
<option value="10">Allow 10 newlines between tokens</option>
|
|
<option value="0">Allow unlimited newlines between tokens</option>
|
|
</select>
|
|
<select name="wrap-line-length" id="wrap-line-length">
|
|
<option value="0">Do not wrap lines</option>
|
|
<option value="40">Wrap lines near 40 characters</option>
|
|
<option value="70">Wrap lines near 70 characters</option>
|
|
<option value="80">Wrap lines near 80 characters</option>
|
|
<option value="110">Wrap lines near 110 characters</option>
|
|
<option value="120">Wrap lines near 120 characters</option>
|
|
<option value="160">Wrap lines near 160 characters</option>
|
|
</select>
|
|
<select id="brace-style">
|
|
<option value="collapse">Braces with control statement</option>
|
|
<option value="expand">Braces on own line</option>
|
|
<option value="end-expand">End braces on own line</option>
|
|
<option value="none">Attempt to keep braces where they are</option>
|
|
</select>
|
|
<div>
|
|
<p style="margin:6px 0 0 0">HTML <style>, <script> formatting:</p>
|
|
<select id="indent-scripts">
|
|
<option value="keep">Keep indent level of the tag</option>
|
|
<option value="normal">Add one indent level</option>
|
|
<option value="separate">Separate indentation</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="options-checkboxes">
|
|
<input class="checkbox" type="checkbox" id="end-with-newline">
|
|
<label for="end-with-newline">End script and style with newline?</label>
|
|
<br>
|
|
<input class="checkbox" type="checkbox" id="e4x">
|
|
<label for="e4x">Support e4x/jsx syntax</label>
|
|
<br>
|
|
<input class="checkbox" type="checkbox" id="comma-first">
|
|
<label for="comma-first">Use comma-first list style?</label>
|
|
<br>
|
|
<input class="checkbox" type="checkbox" id="detect-packers">
|
|
<label for="detect-packers">Detect packers and obfuscators? (unsafe)</label>
|
|
<br>
|
|
<input class="checkbox" type="checkbox" id="brace-preserve-inline">
|
|
<label for="brace-preserve-inline">Preserve inline braces/code blocks?</label>
|
|
<br>
|
|
<input class="checkbox" type="checkbox" id="keep-array-indentation">
|
|
<label for="keep-array-indentation">Keep array indentation?</label>
|
|
<br>
|
|
<input class="checkbox" type="checkbox" id="break-chained-methods">
|
|
<label for="break-chained-methods">Break lines on chained methods?</label>
|
|
<br>
|
|
<input class="checkbox" type="checkbox" id="space-before-conditional">
|
|
<label for="space-before-conditional">Space before conditional: "if(x)" / "if (x)"</label>
|
|
<br>
|
|
<input class="checkbox" type="checkbox" id="unescape-strings">
|
|
<label for="unescape-strings">Unescape printable chars encoded as \xNN or \uNNNN?</label>
|
|
<br>
|
|
<input class="checkbox" type="checkbox" id="jslint-happy">
|
|
<label for="jslint-happy">Use JSLint-happy formatting tweaks?</label>
|
|
<br>
|
|
<input class="checkbox" type="checkbox" id="indent-inner-html">
|
|
<label for="indent-inner-html">Indent <head> and <body> sections?</label>
|
|
<br>
|
|
<input class="checkbox" type="checkbox" id="indent-empty-lines">
|
|
<label for="indent-empty-lines">Keep indentation on empty lines?</label>
|
|
<br><a href="?without-codemirror" class="turn-off-codemirror">Use a simple textarea for code input?</a>
|
|
</div>
|
|
|
|
<div>
|
|
<p style="margin:6px 0 0 0">Additional Settings (JSON):</p>
|
|
<textarea id="additional-options" rows="5">{}</textarea>
|
|
</div>
|
|
<p id="additional-options-error" hidden style="margin:6px 0 0 0; color:red ">Could Not Parse JSON!</p>
|
|
<p style="margin:6px 0 0 0">Your Selected Options (JSON):</p>
|
|
<div>
|
|
<textarea readonly id="options-selected" rows="5"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="contributions">
|
|
<p class="contributor-sep">Created by <a href="https://github.com/einars">Einar Lielmanis</a>, maintained and evolved by <a href="https://github.com/bitwiseman/">Liam Newman</a>.</p>
|
|
</p>
|
|
<p>
|
|
All of the source code is completely free and open, available on <a href="https://github.com/beautifier/js-beautify">GitHub</a> under MIT licence,
|
|
and we have a command-line version, <a href="https://pypi.org/project/jsbeautifier/">python library</a> and a <a href="https://npmjs.org/package/js-beautify">node package</a> as well.
|
|
</p>
|
|
<p>We use the wonderful <a href="http://codemirror.net">CodeMirror</a> syntax highlighting editor, written by Marijn Haverbeke.</p>
|
|
<p class="contributors">Made with a great help of many contributors. Special thanks to:<br>
|
|
Jason Diamond,
|
|
Patrick Hof,
|
|
Nochum Sossonko,
|
|
Andreas Schneider,
|
|
Dave Vasilevsky,
|
|
<a href="https://moikrug.ru/vital">Vital Batmanov</a>,
|
|
Ron Baldwin,
|
|
Gabriel Harrison,
|
|
<a href="http://shullian.com">Chris J. Shull</a>,
|
|
<a href="http://mathiasbynens.be/">Mathias Bynens</a>,
|
|
<a href="https://www.vittgam.net/">Vittorio Gambaletta</a>,
|
|
<a href="https://github.com/esseks">Stefano Sanfilippo</a> and
|
|
<a href="https://github.com/evocateur">Daniel Stockman</a>.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="editor">
|
|
<textarea id="source"></textarea>
|
|
</div>
|
|
|
|
<div class="hide">
|
|
|
|
<p id="open-issue" hidden>Not pretty enough for you?
|
|
<button type="button" onclick="submitIssue()" name="issue-button">Report a problem with this input</button>
|
|
</p>
|
|
|
|
<div class="blurb">
|
|
|
|
<h2>Browser extensions and other uses</h2>
|
|
<div class="col-6">
|
|
<ul class="uses">
|
|
|
|
<li>A
|
|
<a href="javascript:(function(){s=document.getElementsByTagName('SCRIPT');tx='';sr=[];for(i=0;i<s.length;i++){with(s.item(i)){t=text;if(t){tx+=t;}else{sr.push(src)};}};with(window.open()){document.write('<textarea id="t">'+(sr.join("\n"))+"\n\n-----\n\n"+tx+'</textarea><script src="https://beautifier.io/js/lib/beautify.js"></script><script>with(document.getElementById("t")){value=js_beautify(value);with(style){width="99%";height="99%";borderStyle="none";}};</script>');document.close();}})();">
|
|
<strong>bookmarklet</strong></a>
|
|
(drag it to your bookmarks) by Ichiro Hiroshi to see all scripts used on the page,
|
|
</li>
|
|
|
|
<li><strong>Chrome</strong>, in case the built-in CSS and javascript formatting isn't enough for you:<br>
|
|
— <a href="https://chrome.google.com/webstore/detail/cfmcghennfbpmhemnnfjhkdmnbidpanb">Quick source viewer</a> by Tomi Mickelsson (<a href="https://github.com/tomimick/chrome-ext-view-src">github</a>, <a href="http://tomicloud.com/2012/07/viewsrc-chrome-ext">blog</a>),<br>
|
|
— <a href="https://chrome.google.com/webstore/detail/javascript-and-css-code-b/iiglodndmmefofehaibmaignglbpdald">Javascript and CSS Code beautifier</a> by c7sky,<br>
|
|
— <a href="https://chrome.google.com/webstore/detail/jsbeautify-for-google-chr/kkioiolcacgoihiiekambdciinadbpfk">jsbeautify-for-chrome</a> by Tom Rix (<a href="https://github.com/rixth/jsbeautify-for-chrome">github</a>),<br>
|
|
— <a href="https://chrome.google.com/webstore/detail/piekbefgpgdecckjcpffhnacjflfoddg">Pretty Beautiful JavaScript</a> by Will McSweeney<br>
|
|
— <a href="https://chrome.google.com/webstore/detail/stackoverflow-code-beauti/pljeafjjkkbacckkollfejkciddacmeb">Stackoverflow Code Beautify</a> by Making Odd Edit Studios (<a href="https://github.com/MakingOddEdit/CodeBeautify">github</a>).
|
|
</li>
|
|
<li><strong>Firefox</strong>: <a href="https://addons.mozilla.org/en-US/firefox/addon/javascript-deminifier/">Javascript deminifier</a> by Ben Murphy, to be
|
|
used together with the firebug (<a href="https://github.com/benmmurphy/jsdeminifier_xpi/">github</a>),</li>
|
|
<li><strong>Safari</strong>: <a href="http://spadin.github.com/js-beautify-safari-extension">Safari extension</a> by Sandro Padin,</li>
|
|
<li><strong>Opera</strong>: <a href="https://addons.opera.com/addons/extensions/details/readable-javascript/">Readable JavaScript</a>
|
|
(<a href="https://github.com/Dither/readable-javascript">github</a>) by Dither,</li>
|
|
<li><strong>Opera</strong>: <a href="https://addons.opera.com/addons/extensions/details/source/">Source</a> extension by Deathamns,</li>
|
|
<li><strong>Sublime Text 2/3:</strong> <a href="https://github.com/akalongman/sublimetext-codeformatter">CodeFormatter</a>, a python plugin by Avtandil Kikabidze, supports HTML, CSS, JS and a bunch of other languages,</li>
|
|
<li><strong>Sublime Text 2/3:</strong> <a href="https://github.com/victorporof/Sublime-HTMLPrettify">HTMLPrettify</a>, a javascript plugin by Victor Porof,</li>
|
|
<li><strong>Sublime Text 2:</strong> <a href="https://github.com/jdc0589/JsFormat">JsFormat</a>, a javascript formatting plugin for this nice editor by Davis
|
|
Clark,</li>
|
|
<li><strong>vim:</strong> <a href="https://github.com/michalliu/sourcebeautify.vim">sourcebeautify.vim</a>, a plugin by michalliu (requires node.js, V8, SpiderMonkey
|
|
or cscript js engine),</li>
|
|
<li><strong>vim:</strong> <a href="https://github.com/maksimr/vim-jsbeautify">vim-jsbeautify</a>, a plugin by Maksim Ryzhikov (node.js or V8 required),</li>
|
|
|
|
<li><strong>Emacs:</strong> <a href="https://github.com/yasuyk/web-beautify">Web-beautify</a> formatting package by Yasuyuki Oka,</li>
|
|
<li><strong>Komodo IDE:</strong> <a href="http://komodoide.com/packages/addons/beautify-js/">Beautify-js</a> addon by Bob de Haas (<a href="https://github.com/babobski/Beautify-js">github</a>),</li>
|
|
<li><strong>C#:</strong> ghost6991 <a href="https://github.com/ghost6991/Jsbeautifier">ported the javascript formatter to C#</a>,</li>
|
|
<li><strong>Go:</strong> ditashi has <a href="https://github.com/ditashi/jsbeautifier-go">ported the javascript formatter to golang</a>,</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-6">
|
|
<ul class="uses">
|
|
<li><a href="https://marketplace.visualstudio.com/items/HookyQR.beautify">Beautify plugin</a> (<a href="https://github.com/HookyQR/VSCodeBeautify">github</a>) by HookyQR for the <a href="https://code.visualstudio.com/">Visual Studio Code</a> IDE,</li>
|
|
<li><a href="http://fiddler2.com/">Fiddler</a> proxy: <a href="http://fiddler2.com/Fiddler2/extensions.asp">JavaScript Formatter addon</a>,</li>
|
|
<li><a href="https://github.com/nagaozen/gedit-tunnings/">gEdit tips</a> by Fabio Nagao,</li>
|
|
<li><a href="http://akelpad.sourceforge.net/forum/viewtopic.php?p=11246#11246">Akelpad extension</a> by Infocatcher,</li>
|
|
<li>Beautifier in <a href="http://sethmason.com/2011/04/28/jsbeautify-in-emacs.html">Emacs</a> write-up by Seth Mason,</li>
|
|
<li><a href="http://c9.io">Cloud9</a>, a lovely IDE running in a browser, working in the node/cloud, uses jsbeautifier (<a href="https://github.com/ajaxorg/cloud9">github</a>),</li>
|
|
<li><a href="https://www.comment-devenir-un-hacker.com/app.html">Devenir Hacker App</a>, a non-free JavaScript packer for Mac,</li>
|
|
<li><a href="http://www.restconsole.com/">REST Console</a>, a request debugging tool for Chrome, beautifies JSON responses (<a href="https://github.com/codeinchaos/rest-console">github</a>),</li>
|
|
<li><a href="http://mitmproxy.org/">mitmproxy</a>, a nifty SSL-capable HTTP proxy, provides pretty javascript responses (<a href="https://github.com/cortesi/mitmproxy">github</a>).</li>
|
|
<li><a href="http://www.wakanda.org/">wakanda</a>, a neat IDE for web and mobile applications has a <a href="http://forum.wakanda.org/showthread.php?1483-3-new-extensions-JSLint-Beautifier-and-Snippet">Beautifier extension</a>
|
|
(<a href="https://github.com/Wakanda/wakanda-extensions/tree/master/Beautifier">github</a>).</li>
|
|
<li><a href="http://portswigger.net/burp/">Burp Suite</a> now has a <a href="https://github.com/irsdl/BurpSuiteJSBeautifier/">beautfier extension</a>,
|
|
thanks to Soroush Dalili,</li>
|
|
<li><a href="http://plugins.netbeans.org/plugin/43263/jsbeautify">Netbeans jsbeautify</a> plugin by Drew Hamlett
|
|
(<a href="https://github.com/drewhjava/netbeans-jsbeautify">github</a>).</li>
|
|
<li><a href="https://github.com/drewhjava/brackets-beautify">brackets-beautify-extension</a> for <a href="http://brackets.io">Adobe Brackets</a> by Drew
|
|
Hamlett (<a href="https://github.com/drewhjava/brackets-beautify">github</a>),</li>
|
|
<li><a href="http://codecaddy.net/">codecaddy.net</a>, a collection of webdev-related tools, assembled by Darik Hall,</li>
|
|
<li><a href="http://www.editey.com/">editey.com</a>, an interesting and free Google-Drive oriented editor uses this beautifier,</li>
|
|
<li><a href="https://github.com/vkadam/grunt-jsbeautifier">a beautifier plugin for Grunt</a> by Vishal Kadam,</li>
|
|
<li><a href="http://www.uvviewsoft.com/synwrite/">SynWrite</a> editor has a JsFormat plugin (<a href="https://sourceforge.net/projects/synwrite-addons/files/PyPlugins/Alexey.JsFormat/">rar</a>, <a href="http://synwrite.sourceforge.net/forums/viewtopic.php?f=19&t=865">readme</a>),</li>
|
|
<li><a href="http://liveditor.com/">LIVEditor</a>, a live-editing HTML/CSS/JS IDE (commercial, Windows-only) uses the library,</li>
|
|
</ul>
|
|
</div>
|
|
<p>Doing anything interesting? Write us to <b>team@beautifier.io</b> so we can add your project to the list.</p>
|
|
|
|
<p style="text-align:right">
|
|
<a href="#" style="color: #ccc; border-bottom: 1px dashed #ccc; text-decoration: none;" onclick="run_tests(); return false;">Run the tests</a>
|
|
</p>
|
|
<div id="testresults"></div>
|
|
</div>
|
|
</div>
|
|
<script src="web/onload.js"></script>
|
|
<script src="web/google-analytics.js"></script>
|
|
</body>
|
|
|
|
</html>
|