この道具の仕組み
script・iframe・form等の危険要素、on*イベント属性、javascript/data:text/html URLを正規表現で除去・無効化します。
入力と結果の例
入力例
- 入力
- <p>本文</p><script>...</script>
- 結果
- <p>本文</p>
使う前に知っておくこと
- 01完全なHTMLサニタイザーの代替ではありません。
- 02この結果をDOMへ挿入する実装では、利用フレームワークの安全なAPIも併用してください。
HTMLプレビューは、HTMLから危険な要素・属性を外し、安全確認用のソースを表示します。 入力内容はこの端末のブラウザ内で処理し、結果と前提を同じ画面で確認できます。
見えている項目だけで使えます。
入力すると、すぐに更新されます。
<article> <h1>日々ツールズ</h1> <p>毎日の作業を<strong>かんたん</strong>に。</p> </article>
表示前の機械的なサニタイズです。信頼できないHTMLを本番サイトへそのまま挿入しないでください。
script・iframe・form等の危険要素、on*イベント属性、javascript/data:text/html URLを正規表現で除去・無効化します。