index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />

    <title>Draft.js filters</title>
    <meta
      name="description"
      content="Filter Draft.js content to preserve only the formatting you allow. Built for Draftail and Wagtail"
    />

    <link rel="shortcut icon" href="/draftjs-filters/favicon.ico" />
    <link
      rel="apple-touch-icon"
      sizes="180x180"
      href="/draftjs-filters/apple-touch-icon.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="32x32"
      href="/draftjs-filters/favicon-32x32.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="16x16"
      href="/draftjs-filters/favicon-16x16.png"
    />
    <link rel="manifest" href="/draftjs-filters/manifest.json" />
    <link
      rel="mask-icon"
      href="/draftjs-filters/safari-pinned-tab.svg"
      color="#007d7e"
    />
    <meta name="theme-color" content="#ffffff" />
    <meta name="apple-mobile-web-app-title" content="Draft filters" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta
      property="og:url"
      content="https://thibaudcolas.github.io/draftjs-filters/"
    />
    <meta property="og:type" content="article" />
    <meta property="og:site_name" content="Draft.js filters" />
    <meta property="og:title" content="Draft.js filters" />
    <meta
      property="og:description"
      content="Filter Draft.js content to preserve only the formatting you allow. Built for Draftail and Wagtail"
    />
    <meta
      property="og:image"
      content="https://thibaudcolas.github.io/draftjs-filters/word-toolbars-overload.jpg"
    />
    <meta property="og:image:width" content="575" />
    <meta property="og:image:height" content="462" />
    <meta
      name="twitter:image:alt"
      content="Screenshot of Microsoft Word with tens of toolbars activated, cluttering the screen with too much functionality"
    />
    <meta name="twitter:label1" value="Paste from Word?" />
    <meta name="twitter:data1" value="Yep" />
    <meta name="twitter:label2" value="Google Docs?" />
    <meta name="twitter:data2" value="Sure" />
  </head>
  <body>
    <div class="page-wrapper">
      <header class="page-header">
        <a href="" class="u-block"
          ><h1 class="page-title">Draft.js filters</h1></a
        >
        <p class="page-description">
          Filter Draft.js content to preserve only the formatting you allow.
          Built&nbsp;for&nbsp;<a
            href="https://www.draftail.org/"
            class="link u-wagtail"
            >Draftail</a
          >&nbsp;and&nbsp;<a
            href="https://github.com/wagtail/wagtail"
            class="link u-wagtail"
            >Wagtail</a
          >
        </p>
        <nav>
          <ul class="page-nav list-inline">
            <li>
              <a
                href="https://github.com/thibaudcolas/draftjs-filters"
                class="link"
                >View it on GitHub</a
              >
            </li>
          </ul>
        </nav>
      </header>
      <section class="page-section"><div id="root"></div></section>
      <footer class="page-section">
        <hr />
        <p>
          <a href="https://github.com/thibaudcolas">Thibaud Colas</a> and
          <a
            href="https://github.com/thibaudcolas/draftjs-filters/graphs/contributors"
            class="link"
            >contributors</a
          >.
          <a
            href="https://github.com/thibaudcolas/draftjs-filters/blob/main/LICENSE"
            class="link"
            >MIT</a
          >
          licensed. Website content available as
          <a
            href="https://creativecommons.org/publicdomain/zero/1.0/"
            class="link"
            >CC0</a
          >.
        </p>
      </footer>
    </div>
    <script>
      if (global === undefined) {
        var global = window
      }
    </script>
    <script type="module" src="src/index.tsx"></script>
  </body>
</html>