Pug→HTML変換ツール–インデント構文を変換
Pug→HTML変換ツールは、対応するPugのサブセットをコンパイルしてコピー可能なHTMLにします。タグ、クラス・IDの短縮記法、属性、インデントベースのネスト、パイプテキストを扱います。入力を貼り付け、利用可能なオプションを調整して、コード、ドキュメント、HTMLを受け付けるシステム用に結果をコピーします。Pug全体のカバーではなく、シンプルな変換向けに設計されています。
Pug→HTML変換ツールは、Jadeとしても知られる対応するPugを、プロジェクトにコピーできるHTMLに変換します。Pugのすべての機能に対応するのではなく、Pugサブセットの自己完結型コンパイラです。簡潔なインデントベースのマークアップを、変換後の形式を必要とするワークフロー用のHTMLに変換するのに使います。
このコンパイラは、タグ、クラス、ID、属性、インデントベースのネスト、パイプテキストに対応します。Pugのタグ名やクラス・IDの短縮記法は、結果ではHTML要素や属性として表され、インデントはネスト構造を表します。入力を貼り付け、利用可能なオプションを調整してから、生成されたHTMLをコピーします。入力には名前付きオプションは指定されていません。
Pugはインデントで構造を表せるコンパクトな構文を使い、HTMLは明示的なタグで要素を表します。システム、コードベース、文書がHTMLを期待する場合や、展開されたマークアップを確認したい場合に、PugをHTMLに変換すると便利です。このツールはPugのサブセットを扱うため、入力が記載された対応範囲内の構文を使っているか確認します。
変換は完全にブラウザ上で動作します。入力はお使いのデバイス上で処理され、サーバーにアップロード・保存・送信されることはありません。このツールにサーバーへの依存はないため、ページを読み込んだ後はオフラインでも変換できます。対応するPugスニペットを手早くプライベートに変換してHTML結果をコピーしたい開発者やDevOpsエンジニアにとって実用的な選択肢です。
手順1: このツールにPug入力を貼り付けます。ネストした要素に使いたいインデントを含めます。
手順2: 入力を確認し、利用可能なオプションを調整します。このコンパイラは、タグ、クラス、ID、属性、ネスト、パイプテキストを含むPugのサブセットに対応します。
手順3: 生成されたHTMLが自分のニーズに合っているか確認します。結果はコード、ドキュメント、HTMLを受け付ける別のシステムにコピーできる状態です。
手順4: HTML結果をコピーし、変換後のマークアップが必要な場所で使います。
用途: HTMLのみ受け付けるシステムにPugデータを移します。対応するマークアップを変換し、結果を宛先にコピーします。
用途: 渡されたHTML値がPugの原本で表された構造と一致するか確認します。出力を比較することで、タグ、ネスト、テキストを確認できます。
用途: ドキュメント、チケット、コミットメッセージ用にPugスニペットを準備します。HTMLマークアップを期待するワークフローで読者が使えるよう、HTMLに変換します。
用途: 結果をコードに貼り付ける前に、変換を念のためチェックします。生成されたHTMLを確認することで、対応する入力の不一致に気付けます。
用途: タグ、クラス、IDを含むコンパクトなPugの例を、HTMLを扱う人と共有するために明示的なHTMLに変換します。
用途: ネストした要素やパイプテキストを含むインデントされたマークアップを、プロジェクトやレビュー用のHTML版が必要な場合に変換します。