ツールを実行
このツールは、入力されたHTMLコードを解析し、選択したモードに応じて異なる形式で結果を表示します。ソースモードでは、HTMLタグや特殊文字を安全に閲覧できるエスケープ表現に変換します。プレビューモードでは、元のHTML構造とそのエスケープ表現の両方を提示し、コードの内容を多角的に確認できます。さらに、入力されたテキストの総文字数と改行で区切られたセグメント数（行数）を自動で計算し、メタデータとして付加します。空の入力欄でもエラーにならず、空白の状態として正常に処理されます。未定義のモードを選択した場合は適切にエラー通知が行われます。ブラウザでのレンダリングやセキュリティ検査を行うものではなく、テキスト表現としてのHTML構造を確認するための開発支援ツールです。オンライン上で手軽に利用でき、コーディング中の簡易チェックやデータ整形の前段階として役立ちます。
使い方
- 「HTML入力」欄に確認したいHTMLコードを入力または貼り付けます。
- 「モード」パラメータで「source」（ソース表示）または「preview」（プレビュー）を選択します。デフォルトはsourceです。
- 実行ボタンをクリックして処理を開始します。
- 結果パネルに表示されるエスケープされたコードまたはプレビュー情報を確認します。
- 併せて表示される文字数と行数の計測値をチェックします。
使用例
- ソースモードで「<b>太字</b>」を入力すると、「<b>太字</b>」のようにタグがエスケープされて表示され、文字数と行数がカウントされます。
- プレビューモードで複数の段落を含むHTMLを入力すると、元のHTML構造とエスケープされた表現の両方が結果欄に示され、全体のサイズ情報が付加されます。
よくある質問
空欄で実行するとどうなりますか。
入力が空の場合でもエラーにはならず、空のコンテンツとして正常に処理されます。
ソースモードとプレビューモードの違いは何ですか。
ソースモードはHTMLをエスケープして表示します。プレビューモードは元のHTMLとエスケープ表現の両方を返します。
対応していないモードを選択したらどうなりますか。
sourceまたはpreview以外のモードを指定すると、エラーレスポンスが返されます。
このツールはHTMLを実行してレンダリングしますか。
いいえ、ブラウザでのレンダリングや実行を行うのではなく、テキスト表現としてのHTML構造を確認するためのツールです。