A JavaScript beautifier that reformats and reindents bookmarklets, poorly-written JavaScript, unpack scripts packed by Dean Edward’s popular packer, as well as deobfuscate scripts processed by javascriptobfuscator.com.
Questions tagged [js-beautify]
97 questions
14
votes
1 answer
how to configure jsbeautifier settings to actually beautify my HTML/Javascript code
I have seen several questions about how to format HTML and javascript code. A common answer seems to be that jsbeautify (and GitHub page for jsbeautify.js) is a good solution.
However, I can't seem to get it to properly format any of my code, and…
Michael
- 9,060
- 14
- 61
- 123
12
votes
2 answers
How to force closing HTML tags on a new line?
In VS Code, I use Beautify extensively. But it unnerves me that closing tags always wrap on the same line as "floating" text, or self-closing tags. For instance, before Beautify :
LeKevoid
- 426
- 6
- 19
10
votes
2 answers
ESLint : Fast way to solve "Irregular whitespace not allowed"
I'm trying to use ESLint to enforce a coding style on a project, and I have many Irregular whitespace not allowed errors caused by code like this :
var a = b || 10; //note the 2 spaces between || and 10
if (a === 10) { // again, 2 spaces between…
IggY
- 3,005
- 4
- 29
- 54
9
votes
1 answer
Vscode with beautify does not indent django html templates
I am looking to format my django templates in the same manner as HTML.
Beautify ends up treating my templates like text, and not indenting their contents.
For example, after formatting my code looks like this:
{% if title %}
Django…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a>
<a href="../../questions/tagged/django" class="post-tag grid--cell" title="show questions tagged 'django'" rel="tag">django</a>
<a href="../../questions/tagged/visual-studio-code" class="post-tag grid--cell" title="show questions tagged 'visual-studio-code'" rel="tag">visual-studio-code</a>
<a href="../../questions/tagged/js-beautify" class="post-tag grid--cell" title="show questions tagged 'js-beautify'" rel="tag">js-beautify</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Oct 27 '20 at 22:10">asked Oct 27 '20 at 22:10</time>
<a href="../../users/8761914/peter-s" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/8761914.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Peter S" />
</a>
<div class="s-user-card--info">
<a href="../../users/8761914/peter-s" class="s-user-card--link">Peter S</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">827</li>
<li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li>
<li class="s-award-bling s-award-bling__silver" title="8 silver badge">8</li>
<li class="s-award-bling s-award-bling__bronze" title="24 bronze badge">24</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-20565196">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>9</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status answered-accepted">
<strong>1</strong> answer
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/20565196/js-beautify-indentation-of-case-labels" class="question-hyperlink">js-beautify indentation of case labels</a></h3>
<div class="excerpt">js-beautify, when used from the command line (latest version, on both Windows and Linux) indents case labels, leading to double indentation of case blocks. I posted this as an issue on github:
https://github.com/einars/js-beautify/issues/367
in…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a>
<a href="../../questions/tagged/indentation" class="post-tag grid--cell" title="show questions tagged 'indentation'" rel="tag">indentation</a>
<a href="../../questions/tagged/js-beautify" class="post-tag grid--cell" title="show questions tagged 'js-beautify'" rel="tag">js-beautify</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Dec 13 '13 at 11:17">asked Dec 13 '13 at 11:17</time>
<a href="../../users/45843/rwallace" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/45843.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="rwallace" />
</a>
<div class="s-user-card--info">
<a href="../../users/45843/rwallace" class="s-user-card--link">rwallace</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">31,405</li>
<li class="s-award-bling s-award-bling__gold" title="40 gold badges">40</li>
<li class="s-award-bling s-award-bling__silver" title="123 silver badges">123</li>
<li class="s-award-bling s-award-bling__bronze" title="242 bronze badges">242</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-46274964">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>8</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status answered-accepted">
<strong>2</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/46274964/no-such-file-or-directory-while-installing-js-beautify-in-npm" class="question-hyperlink">`no such file or directory` While installing js beautify in npm</a></h3>
<div class="excerpt">I get this error when i use npm -g install js-beautify
npm ERR! path /home/developer/software/nodejs/lib/node_modules/js-
beautify/js/bin/css-beautify.js
npm ERR! code ENOENT
npm ERR! errno -2
npm ERR! syscall chmod
npm ERR! enoent ENOENT: no such…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/npm" class="post-tag grid--cell" title="show questions tagged 'npm'" rel="tag">npm</a>
<a href="../../questions/tagged/js-beautify" class="post-tag grid--cell" title="show questions tagged 'js-beautify'" rel="tag">js-beautify</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Sep 18 '17 at 08:39">asked Sep 18 '17 at 08:39</time>
<a href="../../users/4323908/ragas" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/4323908.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Ragas" />
</a>
<div class="s-user-card--info">
<a href="../../users/4323908/ragas" class="s-user-card--link">Ragas</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">3,005</li>
<li class="s-award-bling s-award-bling__gold" title="6 gold badges">6</li>
<li class="s-award-bling s-award-bling__silver" title="25 silver badges">25</li>
<li class="s-award-bling s-award-bling__bronze" title="42 bronze badges">42</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-34903708">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>8</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status ">
<strong>1</strong> answer
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/34903708/how-to-set-atom-beautify-wrap-html-attribute" class="question-hyperlink">How To Set Atom-Beautify Wrap HTML Attribute</a></h3>
<div class="excerpt">I use atom-beautify to format html,but it allways put all the attributes in one line. How can I set atom-beautify to keep attributes in different lines.
<!--What I want-->
<a class="btn btn-default"
ng-click="history.more=!history.more">
…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a>
<a href="../../questions/tagged/atom-editor" class="post-tag grid--cell" title="show questions tagged 'atom-editor'" rel="tag">atom-editor</a>
<a href="../../questions/tagged/js-beautify" class="post-tag grid--cell" title="show questions tagged 'js-beautify'" rel="tag">js-beautify</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Jan 20 '16 at 15:13">asked Jan 20 '16 at 15:13</time>
<a href="../../users/2914665/patato" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/2914665.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Patato" />
</a>
<div class="s-user-card--info">
<a href="../../users/2914665/patato" class="s-user-card--link">Patato</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">1,464</li>
<li class="s-award-bling s-award-bling__silver" title="10 silver badges">10</li>
<li class="s-award-bling s-award-bling__bronze" title="12 bronze badges">12</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-33765418">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>8</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status answered-accepted">
<strong>2</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/33765418/jsformat-rule-for-newline-in-es6-imports" class="question-hyperlink">JsFormat rule for newline in es6 imports</a></h3>
<div class="excerpt">JsFormat for Sublime Text 3 conforms to most ES6 standards, however, when auto-formatting import statements, it adds a new line to object imports. Here is what the pre-formatted line looks like:
import {func1, func2, func3} from 'some-module';
When…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/sublimetext3" class="post-tag grid--cell" title="show questions tagged 'sublimetext3'" rel="tag">sublimetext3</a>
<a href="../../questions/tagged/js-beautify" class="post-tag grid--cell" title="show questions tagged 'js-beautify'" rel="tag">js-beautify</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Nov 17 '15 at 19:28">asked Nov 17 '15 at 19:28</time>
<a href="../../users/2578042/zekedroid" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/2578042.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="ZekeDroid" />
</a>
<div class="s-user-card--info">
<a href="../../users/2578042/zekedroid" class="s-user-card--link">ZekeDroid</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">7,089</li>
<li class="s-award-bling s-award-bling__gold" title="5 gold badges">5</li>
<li class="s-award-bling s-award-bling__silver" title="33 silver badges">33</li>
<li class="s-award-bling s-award-bling__bronze" title="59 bronze badges">59</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-56731020">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>6</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status ">
<strong>0</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/56731020/adjusting-atom-beautify-js-beautify-for-laravel-blade" class="question-hyperlink">Adjusting Atom-Beautify/JS-Beautify for Laravel Blade</a></h3>
<div class="excerpt">I like to customize JS-Beautify in Atom to better format my blade files.
Our manual style looks like this:
{{--
Template Name: Full Width Template
--}}
<!-- template-fullwidth -->
@extends('layouts.app')
@section('content')
…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/php" class="post-tag grid--cell" title="show questions tagged 'php'" rel="tag">php</a>
<a href="../../questions/tagged/atom-editor" class="post-tag grid--cell" title="show questions tagged 'atom-editor'" rel="tag">atom-editor</a>
<a href="../../questions/tagged/laravel-blade" class="post-tag grid--cell" title="show questions tagged 'laravel-blade'" rel="tag">laravel-blade</a>
<a href="../../questions/tagged/js-beautify" class="post-tag grid--cell" title="show questions tagged 'js-beautify'" rel="tag">js-beautify</a>
<a href="../../questions/tagged/atom-beautify" class="post-tag grid--cell" title="show questions tagged 'atom-beautify'" rel="tag">atom-beautify</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Jun 24 '19 at 06:37">asked Jun 24 '19 at 06:37</time>
<a href="../../users/3399043/slam" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/3399043.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Slam" />
</a>
<div class="s-user-card--info">
<a href="../../users/3399043/slam" class="s-user-card--link">Slam</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">3,125</li>
<li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li>
<li class="s-award-bling s-award-bling__silver" title="15 silver badge">15</li>
<li class="s-award-bling s-award-bling__bronze" title="24 bronze badge">24</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-46277420">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>6</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status answered-accepted">
<strong>1</strong> answer
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/46277420/npm-install-is-not-working-npm-err-path-npm-err-code-npm-err-errno-npm-err-sys" class="question-hyperlink">npm install is not working | npm ERR! path | npm ERR! code | npm ERR! errno | npm ERR! syscall | npm ERR! enoent</a></h3>
<div class="excerpt">I've been using the vue-cli for two weeks and everything had been working fine until today. I was setting up this project locally.
https://drive.google.com/open?id=0BwGw1zyyKjW7S3RYWXRaX24tQ3c
When entered npm install the following errors…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/npm" class="post-tag grid--cell" title="show questions tagged 'npm'" rel="tag">npm</a>
<a href="../../questions/tagged/npm-install" class="post-tag grid--cell" title="show questions tagged 'npm-install'" rel="tag">npm-install</a>
<a href="../../questions/tagged/js-beautify" class="post-tag grid--cell" title="show questions tagged 'js-beautify'" rel="tag">js-beautify</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Sep 18 '17 at 10:47">asked Sep 18 '17 at 10:47</time>
<a href="../../users/8625743/daniel-sarmiento" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/8625743.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Daniel Sarmiento" />
</a>
<div class="s-user-card--info">
<a href="../../users/8625743/daniel-sarmiento" class="s-user-card--link">Daniel Sarmiento</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">63</li>
<li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li>
<li class="s-award-bling s-award-bling__silver" title="1 silver badge">1</li>
<li class="s-award-bling s-award-bling__bronze" title="4 bronze badge">4</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-43762073">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>6</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status ">
<strong>3</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/43762073/how-to-write-file-to-html-with-beauty" class="question-hyperlink">How to write file to html with beauty?</a></h3>
<div class="excerpt">I would like to write to the test.html file this html:
<h2><strong><a href="http://awesome.com">AwesomeCom</a></strong><span>is awesome</span></h2>
Which will be lokk like:
<h2>
<strong>
<a href="http://awesome.com">
…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a>
<a href="../../questions/tagged/node.js" class="post-tag grid--cell" title="show questions tagged 'node.js'" rel="tag">node.js</a>
<a href="../../questions/tagged/js-beautify" class="post-tag grid--cell" title="show questions tagged 'js-beautify'" rel="tag">js-beautify</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked May 03 '17 at 13:53">asked May 03 '17 at 13:53</time>
<a href="../../users/5115176/kodaek98" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/5115176.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="kodaek98" />
</a>
<div class="s-user-card--info">
<a href="../../users/5115176/kodaek98" class="s-user-card--link">kodaek98</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">453</li>
<li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li>
<li class="s-award-bling s-award-bling__silver" title="5 silver badge">5</li>
<li class="s-award-bling s-award-bling__bronze" title="17 bronze badge">17</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-67477352">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>5</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status ">
<strong>0</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/67477352/beautify-in-vs-code-is-there-a-way-to-use-single-line-formatting-for-styles-wi" class="question-hyperlink">Beautify in VS Code: Is there a way to use single-line formatting for styles with one property, but multi-line for styles with multiple properties?</a></h3>
<div class="excerpt">I use Beautify obsessively to keep my CSS nice and clean.
However, I wish I could have it use single-line formatting for single-property styles, and multi-line formatting for multi-property styles.
One Property:
❌ What it gives me:
#slidebox {
…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/css" class="post-tag grid--cell" title="show questions tagged 'css'" rel="tag">css</a>
<a href="../../questions/tagged/visual-studio-code" class="post-tag grid--cell" title="show questions tagged 'visual-studio-code'" rel="tag">visual-studio-code</a>
<a href="../../questions/tagged/js-beautify" class="post-tag grid--cell" title="show questions tagged 'js-beautify'" rel="tag">js-beautify</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked May 10 '21 at 20:32">asked May 10 '21 at 20:32</time>
<a href="../../users/2755339/bevansdesign" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/2755339.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="BevansDesign" />
</a>
<div class="s-user-card--info">
<a href="../../users/2755339/bevansdesign" class="s-user-card--link">BevansDesign</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">4,908</li>
<li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li>
<li class="s-award-bling s-award-bling__silver" title="12 silver badge">12</li>
<li class="s-award-bling s-award-bling__bronze" title="14 bronze badge">14</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-57705419">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>5</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status answered-accepted">
<strong>2</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/57705419/vscode-how-to-make-beautify-and-emmet-run-on-tpl-files-smarty" class="question-hyperlink">VSCode: How to make Beautify and Emmet run on .tpl files (Smarty)?</a></h3>
<div class="excerpt">I'm working on an old project on VSCode, and I found out that the html formatter and emmet syntax isn't working for .tpl (Smarty templating engine) files.
It's inconveniencing my workflow, and unfortunately I don't see any extensions in the…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/visual-studio-code" class="post-tag grid--cell" title="show questions tagged 'visual-studio-code'" rel="tag">visual-studio-code</a>
<a href="../../questions/tagged/smarty" class="post-tag grid--cell" title="show questions tagged 'smarty'" rel="tag">smarty</a>
<a href="../../questions/tagged/emmet" class="post-tag grid--cell" title="show questions tagged 'emmet'" rel="tag">emmet</a>
<a href="../../questions/tagged/js-beautify" class="post-tag grid--cell" title="show questions tagged 'js-beautify'" rel="tag">js-beautify</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Aug 29 '19 at 07:44">asked Aug 29 '19 at 07:44</time>
<a href="../../users/7325182/abana-clara" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/7325182.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Abana Clara" />
</a>
<div class="s-user-card--info">
<a href="../../users/7325182/abana-clara" class="s-user-card--link">Abana Clara</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">4,602</li>
<li class="s-award-bling s-award-bling__gold" title="3 gold badges">3</li>
<li class="s-award-bling s-award-bling__silver" title="18 silver badges">18</li>
<li class="s-award-bling s-award-bling__bronze" title="31 bronze badges">31</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-49635924">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>5</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status ">
<strong>0</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/49635924/js-beautify-config-for-arrays-of-objects" class="question-hyperlink">js-beautify config for Arrays of Objects</a></h3>
<div class="excerpt">Is there any way to configure js-beautify to keep the following format:
"structure": [
{
"name": "heading",
"text": "",
"default": "",
"type": "string"
},
{
"name": "flickr-album-id",
"text": "",
"type": "string"
…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/json" class="post-tag grid--cell" title="show questions tagged 'json'" rel="tag">json</a>
<a href="../../questions/tagged/js-beautify" class="post-tag grid--cell" title="show questions tagged 'js-beautify'" rel="tag">js-beautify</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Apr 03 '18 at 17:26">asked Apr 03 '18 at 17:26</time>
<a href="../../users/1854971/lukas-e" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/1854971.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Lukas E." />
</a>
<div class="s-user-card--info">
<a href="../../users/1854971/lukas-e" class="s-user-card--link">Lukas E.</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">139</li>
<li class="s-award-bling s-award-bling__silver" title="1 silver badges">1</li>
<li class="s-award-bling s-award-bling__bronze" title="10 bronze badges">10</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-31156142">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>5</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status answered-accepted">
<strong>1</strong> answer
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/31156142/html-beautify-settings-in-brackets" class="question-hyperlink">HTML Beautify Settings in Brackets</a></h3>
<div class="excerpt">I understand that the Brackets Beautify extension is based on JS Beautify, and that I have a suite of preference settings available because of that, but I have no idea of how to alter them through the Brackets settings.json file. Does anyone have…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/settings" class="post-tag grid--cell" title="show questions tagged 'settings'" rel="tag">settings</a>
<a href="../../questions/tagged/adobe-brackets" class="post-tag grid--cell" title="show questions tagged 'adobe-brackets'" rel="tag">adobe-brackets</a>
<a href="../../questions/tagged/js-beautify" class="post-tag grid--cell" title="show questions tagged 'js-beautify'" rel="tag">js-beautify</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Jul 01 '15 at 08:23">asked Jul 01 '15 at 08:23</time>
<a href="../../users/5068624/thecomte" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/5068624.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="TheComte" />
</a>
<div class="s-user-card--info">
<a href="../../users/5068624/thecomte" class="s-user-card--link">TheComte</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">133</li>
<li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li>
<li class="s-award-bling s-award-bling__silver" title="1 silver badge">1</li>
<li class="s-award-bling s-award-bling__bronze" title="6 bronze badge">6</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="s-pagination pager fr">
<div class="s-pagination--item is-selected">1</div>
<a class="s-pagination--item" href="../../questions/tagged/js-beautify_page=2" rel="" title="Go to page 2">2</a>
<a class="s-pagination--item" href="../../questions/tagged/js-beautify_page=3" rel="" title="Go to page 3">3</a>
<a class="s-pagination--item" href="../../questions/tagged/js-beautify_page=4" rel="" title="Go to page 4">4</a>
<a class="s-pagination--item" href="../../questions/tagged/js-beautify_page=5" rel="" title="Go to page 5">5</a>
<a class="s-pagination--item" href="../../questions/tagged/js-beautify_page=6" rel="" title="Go to page 6">6</a>
<a class="s-pagination--item" href="../../questions/tagged/js-beautify_page=7" rel="" title="Go to page 7">7</a>
<a class="s-pagination--item" href="../../questions/tagged/js-beautify_page=2" rel="next" title="Go to page 2"> Next</a>
</div>
</div>
</div>
</div>
</div>
<script src="../../static/js/stack-icons.js"></script>
<script src="../../static/js/fromnow.js"></script>
</body>
</html>