HTMLクリーナー/サニタイザー–HTMLをオンラインでクリーンアップ
HTMLクリーナー / サニタイザーは、貼り付けたHTMLからWord・Office特有のマークアップ、スクリプト、イベントハンドラー属性（on*）、インラインスタイル、冗長なspan、空要素を除去します。DOMPurifyの許可リスト（タグと属性）でさらにサニタイズすることもできます。ライブのサンドボックス化されたプレビューで、クリーニング後のHTMLを再利用前に確認できます。
HTMLクリーナー / サニタイザーは、HTMLをクリーニングして一般的な不要マークアップを除去するブラウザベースのツールです。WordやOfficeアプリケーションからコピーした内容を含むHTMLをオンラインでクリーンアップし、再利用のためにコピーする前にライブのサンドボックス化されたプレビューで結果を確認できます。
クリーナーは、mso-スタイル、o:p、v:shapes、条件付きコメントといったOffice特有のマークアップを除去します。また、スクリプト、イベントハンドラー属性（on*）、インラインスタイル、冗長なspan、空要素も取り除きます。クリーニング後のマークアップをさらに制限したい場合は、DOMPurifyのタグ・属性の許可リストでサニタイズすることもできます。
HTMLはタグと属性で構造化コンテンツを記述しますが、コピーしたリッチテキストには余分な書式やアプリケーション特有のマークアップが含まれることがあります。この内容をクリーニングすれば、他のエディターや書式を拒否するフィールドで再利用しやすくなります。ツールは作業形式としてHTMLを保持し、プレビューでコピー前にクリーニング後の結果を確認する方法を提供します。
HTMLクリーナー / サニタイザーは完全にブラウザ上で動作します。入力はデバイス上で処理され、サーバーへのアップロード・保存・送信は行われません。ページ読み込み後はオフラインで動作するので、接続なしでHTMLをクリーニングできます。貼り付けたHTMLを再利用、レビュー、よりクリーンなマークアップが必要なワークフロー用に用意したい開発者、コンテンツチーム、DevOpsエンジニアに便利です。
手順1: HTMLコンテンツをツールに貼り付けまたはドロップします。Wordや他のOfficeアプリケーションからコピーした内容を含むHTMLを受け付けます。
手順2: クリーンアップを実行し、Word・Officeのマークアップ、スクリプト、イベントハンドラー属性、インラインスタイル、冗長なspan、空要素を除去します。
手順3: 必要に応じて、DOMPurifyのタグ・属性の許可リストでHTMLをサニタイズします。結果に利用可能なタグ・属性の制限を適用できます。
手順4: ライブのサンドボックス化されたプレビューで、クリーニング後の結果を確認します。再利用前に内容が想定通りかチェックします。
手順5: クリーニング後のHTMLをコピーし、他のフィールド、ドキュメント、プロジェクトで使います。
用途: コピーしたコンテンツをウェブサイトで再利用する前に、Word・Officeのマークアップを除去。mso-スタイル、o:p要素、v:shapes、条件付きコメントをクリーニングすれば、HTMLがすっきりします。
用途: 貼り付けたリッチコンテンツを、他で再利用するためにプレーンテキストやシンプルなHTMLに変換。クリーナーはインラインスタイル、冗長なspan、空要素を除去します。
用途: 書式を拒否するフォームフィールドやエディター用にコンテンツを用意。不要なマークアップを除去すれば、よりクリーンなHTMLを提供できます。
用途: レビューや再利用の前に、スクリプトやイベントハンドラー属性を含むHTMLスニペットをクリーニング。ツールはクリーニング後の結果からスクリプトとon*属性を除去します。
用途: クリーニング後のHTMLを許可されたタグ・属性に制限したい場合に、DOMPurifyの許可リストを適用。特定のマークアップ要件があるワークフロー用にコンテンツを用意するのに便利です。
用途: プロジェクトにコピーする前に、クリーニング後のHTMLをライブのサンドボックス化されたプレビューで確認。クリーニング後の見た目の結果をレビューするのに役立ちます。