js-beautify 設定エディタ
v1.15.4
設定オプション
共通オプション
JavaScript
CSS
HTML
基本設定
indent_size (インデントのスペース数)
?
インデントに使用するスペースの数。デフォルトは4。
indent_char (インデント文字)
?
インデントに使用する文字(スペースまたはタブ)。デフォルトはスペース。
スペース
タブ
indent_with_tabs (タブでインデント)
?
trueにするとタブでインデントします。デフォルトはfalse。
editorconfig (.editorconfig 参照)
?
trueにすると.editorconfigファイルを参照します。デフォルトはfalse。
eol (改行文字)
?
使用する改行文字(例: "\n")。デフォルトは"\n"。
\n (LF)
\r\n (CRLF)
end_with_newline (ファイル末尾に改行追加)
?
trueにするとファイルの最後に改行を追加します。デフォルトはfalse。
改行設定
preserve_newlines (元の改行保持)
?
trueにすると元の改行を保持します。デフォルトはtrue。
max_preserve_newlines (改行の最大保持数)
?
連続する改行の最大保持数。デフォルトは10。
indent_empty_lines (空行にもインデント付加)
?
trueにすると空行にもインデントを追加します。デフォルトはfalse。
スペース設定
space_in_paren (括弧内スペース)
?
trueにすると括弧内にスペースを追加します。デフォルトはfalse。
space_in_empty_paren (空括弧内スペース)
?
trueにすると空の括弧内にスペースを追加します。デフォルトはfalse。
space_after_anon_function (無名関数の後にスペース)
?
trueにすると無名関数の後にスペースを追加します。デフォルトはfalse。
space_after_named_function (名前付き関数の後にスペース)
?
trueにすると名前付き関数の後にスペースを追加します。デフォルトはfalse。
その他の設定
jslint_happy (JSLint互換フォーマット)
?
trueにするとJSLint互換のフォーマットになります。デフォルトはfalse。
unescape_strings (文字列のエスケープ解除)
?
trueにすると文字列のエスケープを解除します。デフォルトはfalse。
wrap_line_length (1行の最大長)
?
1行の最大文字数。0は無制限。デフォルトは0。
comma_first (カンマを行頭に移動)
?
trueにするとカンマを行頭に移動します。デフォルトはfalse。
JavaScript 設定
brace_style ({} のスタイル)
?
"collapse" (デフォルト), "expand", "end-expand", "none" のいずれか
collapse
expand
end-expand
none
unindent_chained_methods (チェーンメソッドのインデント抑制)
?
trueにするとチェーンメソッドのインデントを抑制します。デフォルトはfalse。
break_chained_methods (チェーンメソッドを改行)
?
trueにするとチェーンメソッドを改行します。デフォルトはfalse。
keep_array_indentation (配列のインデントを保持)
?
trueにすると配列のインデントを保持します。デフォルトはfalse。
operator_position (演算子の配置)
?
"before-newline" (デフォルト), "after-newline", "preserve-newline" のいずれか
before-newline
after-newline
preserve-newline
CSS 設定
brace_style ({} の配置)
?
CSS用の{}配置スタイル
collapse
expand
selector_separator_newline (セレクタ間の改行)
?
trueにするとセレクタ間で改行します。デフォルトはtrue。
newline_between_rules (ルール間の改行)
?
trueにするとCSSルール間で改行します。デフォルトはtrue。
HTML 設定
indent_inner_html (<body>内のインデント)
?
trueにするとbodyタグ内をインデントします。デフォルトはfalse。
indent_scripts (スクリプトのインデント方法)
?
normal
keep
separate
wrap_attributes (属性の折り返し)
?
auto
force
force-aligned
force-expand-multiline
aligned-multiple
preserve
preserve-aligned
wrap_attributes_min_attrs (折り返し最小属性数)
?
この数以上の属性がある場合に折り返します。デフォルトは2。
extra_liners (改行追加対象タグ)
?
これらのタグの前後に改行を追加します。カンマ区切りで指定。
設定を生成
リセット
設定プレビュー
生成された設定JSON
設定を生成してください...
コードテスト
テストコード:
コードタイプ:
JavaScript
CSS
HTML
整形テスト
結果: