index.html 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <html>
  2. <head>
  3. <script type="text/javascript" src="./basen.js"></script>
  4. <style type="text/css">#editor { background-color: #ff00ff; width: 300px; right: 0px; position: absolute; top: 0px;} textarea {width: 100%}; </style>
  5. <style type="text/css" id="thestyle"> </style>
  6. <script type="text/javascript" id="thescript"></script>
  7. </head>
  8. <body>
  9. <div id="main">
  10. </div>
  11. <div id="editor">
  12. <textarea id="part_html" onchange="update()"></textarea>
  13. <textarea id="part_css" onchange="update()"></textarea>
  14. <textarea id="part_js" onchange="update()"></textarea>
  15. <textarea id="output" ></textarea>
  16. <textarea id="compressed" ></textarea>
  17. <textarea id="input" onchange="pinput()" >eJztk71OwzAURvc+xSd3q2hDGoTID92QeAAkFi9p7NQGx7ZshxaivDtOClIfgIGhlgf7Huu7x8MdFgARoVOkAKlEunvmShm8GqdYlcQ71ZXdPenAHY4yCByNZtxViZ2I1LYP+KhVzx8p8fUnJZAsHveURB5f/HHi1fBq+B8Myc00N43309iIFENjlHEFHGclWqPD2ssvXuB+s33g3Ui1xXBRzjbp3Vw+t7lEW96VsDVjUh8KpLf2VOInfJlleZ5lJfZ1835wptds/Yt427a8jci4+IkYY0/wRkmGZT6vEuNZ+m12TlbAi5AecQfB4RsnbcAqoRpkMX4DD/dd+A==
  18. </textarea>
  19. </div>
  20. <script type="text/javascript">
  21. var op = boot.opath;
  22. var randgen = boot.rand;
  23. var zlib = boot.zlib;
  24. Buffer = boot.Buffer;
  25. var nd= new Date();
  26. function jsparse(s){
  27. return s;
  28. }
  29. function update(){
  30. var obj = {};
  31. obj.html = document.getElementById("part_html").value ;
  32. obj.css = document.getElementById("part_css").value ;
  33. obj.js = jsparse(document.getElementById("part_js").value) ;
  34. document.getElementById("output").value = JSON.stringify(obj,true,2);
  35. var deflated = zlib.deflateSync(document.getElementById("output").value).toString('base64');
  36. document.getElementById("compressed").value = deflated;
  37. document.getElementById("main").innerHTML = obj.html;
  38. document.getElementById("thestyle").innerHTML = obj.css;
  39. document.getElementById("thescript").innerHTML = obj.js;
  40. }
  41. function dodo(){
  42. var input = document.getElementById("blabla").value;
  43. var deflated = zlib.deflateSync(input).toString('base64');
  44. document.getElementById("bobo").value = deflated;
  45. }
  46. setTimeout(function(){
  47. pinput();
  48. },1000)
  49. function pinput(){
  50. try{
  51. var input = document.getElementById("input").value;
  52. var inflated = zlib.inflateSync(new Buffer(input, 'base64')).toString();
  53. var obj = JSON.parse(inflated);
  54. document.getElementById("part_html").value = obj.html;
  55. document.getElementById("part_css").value = obj.css;
  56. document.getElementById("part_js").value = obj.js;
  57. document.getElementById("main").innerHTML = obj.html;
  58. document.getElementById("thestyle").innerHTML = obj.css;
  59. document.getElementById("thescript").innerHTML = obj.js;
  60. }catch(e){
  61. }
  62. }
  63. </script>
  64. </body>
  65. </html>