player.html 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  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>Skip First N Lines: <input type="number" id="skipFirstNLines"></label>
  26. <label>Delimiter: <input type="text" size="5" placeholder="auto" id="delimiter"> <a href="javascript:" id="insert-tab">tab</a></label>
  27. Line Endings:
  28. <label style="display: inline;"><input type="radio" name="newline" id="newline-auto" checked>Auto</label>
  29. <label style="display: inline;"><input type="radio" name="newline" id="newline-n">\n</label>
  30. <label style="display: inline;"><input type="radio" name="newline" id="newline-r">\r</label>
  31. <label style="display: inline;"><input type="radio" name="newline" id="newline-rn">\r\n</label>
  32. <label>Preview: <input type="number" min="0" max="1000" placeholder="default" id="preview"></label>
  33. <label>Encoding: <input type="text" id="encoding" placeholder="default" size="10"></label>
  34. <label>Comment char: <input type="text" size="5" maxlength="1" placeholder="default" id="comments"></label>
  35. <label>Papa.LocalChunkSize: <input type="number" min="0" placeholder="default" id="localChunkSize"></label>
  36. <label>Papa.RemoteChunkSize: <input type="number" min="0" placeholder="default" id="remoteChunkSize"></label>
  37. </div>
  38. <div class="grid-75 text-center">
  39. <textarea id="input" placeholder="Input">Column 1,Column 2,Column 3,Column 4
  40. 1-1,1-2,1-3,1-4
  41. 2-1,2-2,2-3,2-4
  42. 3-1,3-2,3-3,3-4
  43. 40,41,42,43
  44. "Quoted field",No quotes,"Foo","bar",extra
  45. "Field quoted with
  46. line break"</textarea>
  47. <br>
  48. <b>or</b>
  49. <br>
  50. <input type="file" id="files" multiple>
  51. <br><br>
  52. <button id="submit-parse">Parse</button>
  53. &nbsp;
  54. <button id="submit-unparse">Unparse</button>
  55. <br><br>
  56. <i>Open the Console in your browser's inspector tools to see results.</i>
  57. </div>
  58. </div>
  59. </body>
  60. </html>