player.html 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Papa Parse Player</title>
  5. <meta charset="utf-8">
  6. <link rel="stylesheet" href="player.css">
  7. <script src="http://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  8. <script src="../papaparse.js"></script>
  9. <script src="player.js"></script>
  10. </head>
  11. <body>
  12. <h1><a href="http://papaparse.com">Papa Parse</a> Player</h1>
  13. <div class="grid-container">
  14. <div class="grid-25">
  15. <label><input type="checkbox" id="download"> Download</label>
  16. <label><input type="checkbox" id="stream"> Stream</label>
  17. <label><input type="checkbox" id="chunk"> Chunk</label>
  18. <label><input type="checkbox" id="worker"> Worker thread</label>
  19. <label><input type="checkbox" id="header"> Header row</label>
  20. <label><input type="checkbox" id="dynamicTyping"> Dynamic typing</label>
  21. <label><input type="checkbox" id="fastmode"> Fast mode</label>
  22. <label><input type="checkbox" id="skipEmptyLines"> Skip empty lines</label>
  23. <label><input type="checkbox" id="step-pause"> Pause on step</label>
  24. <label><input type="checkbox" id="print-steps"> Log each step/chunk</label>
  25. <label>Delimiter: <input type="text" size="5" placeholder="auto" id="delimiter"> <a href="javascript:" id="insert-tab">tab</a></label>
  26. Line Endings:
  27. <label style="display: inline;"><input type="radio" name="newline" id="newline-auto" checked>Auto</label>
  28. <label style="display: inline;"><input type="radio" name="newline" id="newline-n">\n</label>
  29. <label style="display: inline;"><input type="radio" name="newline" id="newline-r">\r</label>
  30. <label style="display: inline;"><input type="radio" name="newline" id="newline-rn">\r\n</label>
  31. <label>Preview: <input type="number" min="0" max="1000" placeholder="default" id="preview"></label>
  32. <label>Encoding: <input type="text" id="encoding" placeholder="default" size="10"></label>
  33. <label>Comment char: <input type="text" size="5" maxlength="1" placeholder="default" id="comments"></label>
  34. <label>Papa.LocalChunkSize: <input type="number" min="0" placeholder="default" id="localChunkSize"></label>
  35. <label>Papa.RemoteChunkSize: <input type="number" min="0" placeholder="default" id="remoteChunkSize"></label>
  36. </div>
  37. <div class="grid-75 text-center">
  38. <textarea id="input" placeholder="Input">Column 1,Column 2,Column 3,Column 4
  39. 1-1,1-2,1-3,1-4
  40. 2-1,2-2,2-3,2-4
  41. 3-1,3-2,3-3,3-4
  42. 40,41,42,43
  43. "Quoted field",No quotes,"Foo","bar",extra
  44. "Field quoted with
  45. line break"</textarea>
  46. <br>
  47. <b>or</b>
  48. <br>
  49. <input type="file" id="files" multiple>
  50. <br><br>
  51. <button id="submit-parse">Parse</button>
  52. &nbsp;
  53. <button id="submit-unparse">Unparse</button>
  54. <br><br>
  55. <i>Open the Console in your browser's inspector tools to see results.</i>
  56. </div>
  57. </div>
  58. </body>
  59. </html>