HTMLプレビュー

HTMLプレビューは、HTMLから危険な要素・属性を外し、安全確認用のソースを表示します。 入力内容はこの端末のブラウザ内で処理し、結果と前提を同じ画面で確認できます。

入力はブラウザ内で処理登録不要最終検証 2026.07.15

入力する

見えている項目だけで使えます。

結果を見る

入力すると、すぐに更新されます。

プレビュー用HTML4 タグ
無効化した要素・属性1件

表示プレビュー

生成コードを見る
<article>
  <h1>日々ツールズ</h1>
  <p>毎日の作業を<strong>かんたん</strong>に。</p>
  
</article>

表示前の機械的なサニタイズです。信頼できないHTMLを本番サイトへそのまま挿入しないでください。

この道具の仕組み

script・iframe・form等の危険要素、on*イベント属性、javascript/data:text/html URLを正規表現で除去・無効化します。

入力と結果の例

入力例

入力
<p>本文</p><script>...</script>
結果
<p>本文</p>

使う前に知っておくこと

  • 01完全なHTMLサニタイザーの代替ではありません。
  • 02この結果をDOMへ挿入する実装では、利用フレームワークの安全なAPIも併用してください。
道具一覧へ戻る