@ak110/html-escaper NPM

HTML Escaper

安全なHTMLコンテンツを生成するためのTypeScriptライブラリです。XSS（クロスサイトスクリプティング）攻撃を防ぐため、 HTMLコンテンツを適切にエスケープし、許可された要素と属性のみを保持します。

主な機能

危険なHTMLタグとスクリプトのエスケープ
許可されたHTMLタグと属性の保持
CSSスタイルのサニタイズ
URLスキームの検証
テキストコンテンツの適切なエスケープ

インストール

npmを使用する場合

npm install @ak110/html-escaper

ブラウザで直接利用する場合

<script>
  import HtmlEscaper from 'path/to/dist/html-escaper.min.mjs';

  const escaper = new HtmlEscaper();

  // 安全でない可能性のあるHTML
  const dirtyHtml = `
    <div onclick="alert('XSS')">
      <script>malicious code</script>
      <p style="color: red;">Hello <b>World</b></p>
    </div>
  `;

  const cleanHtml = escaper.escapeHtml(dirtyHtml);
  // 結果: 安全なHTMLが生成されます
  // - スクリプトタグはエスケープされます
  // - イベントハンドラは削除されます
  // - 許可された属性とスタイルは保持されます

  // MarkdownItのプラグインとして使用する場合
  const md = new MarkdownIt()
  md.use(escaper.markdownItPlugin())
</script>