Q&A
再現しませんでした。OS やバージョンの情報があれば追記願います。
前提・実現したいこと
Bracketsを使用して、HTMLのコーディングをしています。
コードの整形に「Beautify」という拡張機能を使用していますが、Beautifyをコード全体に実行して、一発で思った通りの整形を実現したいと思っています。
発生している問題
BeautifyをHTML全体に実行すると、</html>の前（</body>の後）の改行がとれてしまいます。
●整形前
html
1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="utf-8"> 5<link href="css/style.css"> 6<script src="js/xxxx.js"></script> 7<title>xxxx</title> 8</head> 9<body> 10 <header></header> 11 12 <div> 13 </div> 14 15 <footer></footer> 16 <script></script> 17 <script></script> 18</body> 19</html>
●Beautifyで整形後
html
1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="utf-8"> 5<link href="css/style.css"> 6<script src="js/xxxx.js"></script> 7<title>xxxx</title> 8</head> 9<body> 10 <header></header> 11 12 <div> 13 </div> 14 15 <footer></footer> 16 <script></script> 17 <script></script> 18</body></html> <!--</body>のあとの改行が取れてしまう-->
試したこと
「ヘルプ」→「拡張機能のフォルダーを開く」→「user」→「brackets-beautify」→「default.jsbeautifyrc」を開き、htmlの部分を以下のように設定しました。
<head>内はインデントをしないようにしています。インデントはタブで行っています。
<body>内は、正しくインデントされています。
json
1{ 2 "html": { 3 "eol": "\n", 4 "end_with_newline": true, 5 "preserve_newlines": true, 6 "max_preserve_newlines": 1, 7 "indent_inner_html": false, 8 "brace_style": "collapse", 9 "indent_scripts": "normal", 10 "wrap_line_length": 0, 11 "wrap_attributes": "auto", 12 "indent_head_inner_html": false, 13 "extra_liners": "", 14 "unformatted": ["script"] 15 } 16}
設定等、何かお気づきの点がありましたら、教えてください。
追加情報
＜環境について＞
OS：Windows10 Home
Bracketsバージョン：1.14
Beautifyバージョン：2.10.0
＜Beautify以外に使用している拡張機能＞
- Brackets Editor Bookmarks
- Brackets OUtline List
- Brackets Snippets (by edc)
- Brackets Tools
- Custom Work
- EditorConfig
- Highlight Multibyte Symbols
- HTML Block Selector
- Paste and Indent
- Quick Search
- Rename JavaScript Identifier
- SASSHints
- W3C Validation (by Umoxfo)
＜その他＞
.editorconfigファイルを使用しています。設定は以下のとおりです。
editorconfig
1root = true 2 3# HTMLファイルのみに適用 4[*.html] 5# 文字コードの設定 6charset = utf-8 7# 改行コードの設定 8end_of_line = lf 9# 行末の空白文字を削除するかどうか 10trim_trailing_whitespace = true 11# 最後の行に空行を入れるかどうか 12insert_final_newline = true 13# インデントの方式 14indent_style = tab 15#インデントの幅 16indent_size = 4
あなたの回答
tips
プレビュー
