コンテンツへスキップ
uencoder
Web開発 入門 1 ステップ

HTML エスケープとミニファイ

HTML エスケープは特殊文字をエンコードすることで XSS を防ぐ。ミニファイは空白を除去しファイルサイズを削減する。

解決する問題

特殊文字を HTML エスケープし、その後結果をミニファイする。

入力 → 出力

HTML エスケープツール 入力 → HTML エスケープツール 出力 、計 1 ステップ。

実行時間

1–2分 · 完全にブラウザローカルで実行。

始める前に

  • HTML コンテンツ

パイプライン

  1. Escape or unescape HTML special characters online。無料、プライベート、100%クライアントサイド。

ツールチェーンで開く

ブラウザローカルで実行。レシピはパイプラインのみを定義——入力はこのタブから離れません。

▶このワークフローを実行

下に入力を入力し実行をクリック。すべての処理はブラウザのローカルで行われます — 何もアップロードされません。

パイプラインの進行状況

  1. HTML エスケープツールhtml-escape

サンプル入力

<div>Hello & "World"</div>

期待される出力

&lt;div&gt;Hello &amp; &quot;World&quot;&lt;/div&gt;

この入出力ペアはビルド時に実際のツールで実行(tests/unit/recipes.test.ts)——期待出力は検証済み、例示ではありません。

こちらもおすすめ

このレシピとツールやテーマを共有するワークフロー。

使用するツール