index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="shortcut icon" href="#" />
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body style="background: black;color: white">
    <input type="file" id="input" />
    <div>
      <ul>
        <li>文本1</li>
        <li><i>文本2</i></li>
      </ul>
    </div>
    <script src="/lib/jszip/jszip.min.js"></script>
    <script src="/lib/tinycolor2.min.js"></script>
    <script src="/dist/ooxml-parser.umd.js"></script>
    <script>
      input.addEventListener('change',async (e) => {
        const file = e.target.files[0];
        const reader = new FileReader();
        reader.onload = async(e) => {
          const data = e.target.result;
         window.ooxmlParser = new OOXMLParser()
         window.ooxmlParser.parse(file).then(result => {
            console.log(result);
          });
        };
        reader.readAsArrayBuffer(file);
      });
    </script>
  </body>
</html>