使い方

貼り付け → 実行 → 確認 → コピー。すべてはブラウザ内で完結します。

CSS・HTML・JSON などをエディタに貼ります。アップロードはしません。

変換または実行をクリック。結果はすぐに表示されます。

生成コードと注意書きを公開前に確認します。

出力をコピーしてプロジェクトに貼り付けます。

このツールについて

文字列をパーセントエンコードして、クエリパラメータやパスセグメントとして安全に使える形に整えます。空白や予約文字で URL が壊れる事故を防げます。

例では空白を含む語句が %20 に置き換わります。

入力

css to tailwind?ref=docs & guide

出力

css%20to%20tailwind%3Fref%3Ddocs%20%26%20guide

encodeURIComponent は部品用で、URL 全体には encodeURI が適する場合があります。