HTMLコードのフォーマット方法

清浅
清浅オリジナル
2018-12-07 15:20:2511566ブラウズ

HTML コードは、組み込みコマンド Reindent in sublime を使用してフォーマットできます。また、HTML-CSS-JS Prettify プラグインをインストールしてコードをフォーマットすることもできます。

場合によっては、他の人のコードをフォーマットします コードをコピーしたところ、コードの配置が非常に乱雑でコードを読むことができませんでした。今日は、sublime のプラグインを使用してコードをフォーマットする方法を紹介します。 . 一定の参考効果がありますので、皆様のお役に立てれば幸いです。

【おすすめコース:HTMLコース

HTMLコードのフォーマット方法

##(1) Sublime の組み込みの再インデント コマンド

パスを開く: 編集-->行-->再インデント

例:

HTMLコードのフォーマット方法

しかし、sublime に付属する再インデント機能は比較的単純で、インデントが正常であることを保証するだけです。標準以外のコードを記述する場合は処理できません。複雑な場合には、プラグイン

(2) HTML をインストールする必要があります。 -CSS-JS Prettify プラグイン

このプラグインは、Sublime Text 2 および Sublime Text 3 で使用できます。HTML、CSS、JavaScript、JSON ファイルの処理に使用できます ##。

#最初にプラグインをインストールする必要があります:

ctrlShiftp パッケージ コントロールを開きます: 次に、インストール パッケージを選択し、HTML-CSS-JS Prettify プラグインに入り、Enter キーを押して再起動します。 sublime

HTML-CSS-JS Prettify プラグインを使用するには Node.js が実行されている必要があるため、プラグインのインストールは成功します。そのため、ダウンロード後、node.js ソフトウェアもインストールする必要があります。 「スタート -- ファイルとプログラムの検索 -- cmd」の手順に従います。

HTMLコードのフォーマット方法 次に、Sublime で HTML ファイルを開き、右クリックして HTML の下にあるプラグイン オプション ファイルを選択します。 -CSS-JS Prettify を開いて、以下に示すように、ノード ソフトウェアがインストールされているパスにパスを変更します。

Image 13.jpgこのプラグインのインストールが成功した後

整形前:


Image 14.jpg整形後:

HTMLコードのフォーマット方法HTML-CSS-JS Prettify プラグインファイル内の余分な空白行を削除したり、<script> ブロック内の JavaScript をインデントしたりすることはありません。非常に優れたプラグインです。</script>

(3 )HTMLBeautify

HTMLBeautify プラグインは、HTML がすでに個別の行タグで部分的にフォーマットされていることを前提とした基本的なスクリプトです。インライン コメントでは機能しません

(4) TidyHTML5

HTML5 の書式設定のみに興味がある場合は、TidyHTML5 プラグインを選択できます。フォーマットの実行には外部ユーティリティを使用しますが、Windows ユーザー向けにバンドルされています。

要約: 上記がこの記事の全内容です。sublime の使用方法を学ぶ際に皆さんのお役に立てれば幸いです。

以上がHTMLコードのフォーマット方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

関連記事

続きを見る