123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117 |
- <html>
- <head>
- <script type="text/javascript" src="./basen.js"></script>
- <style type="text/css">#editor { background-color: #ff00ff; width: 300px; right: 0px; position: absolute; top: 0px;} textarea {width: 100%}; </style>
- <style type="text/css" id="thestyle"> </style>
- <script type="text/javascript" id="thescript"></script>
- </head>
- <body>
- <div id="main">
- </div>
- <div id="editor">
- <textarea id="part_html" onchange="update()"></textarea>
- <textarea id="part_css" onchange="update()"></textarea>
- <textarea id="part_js" onchange="update()"></textarea>
- <textarea id="output" ></textarea>
- <textarea id="compressed" ></textarea>
- <textarea id="input" onchange="pinput()" >eJztk71OwzAURvc+xSd3q2hDGoTID92QeAAkFi9p7NQGx7ZshxaivDtOClIfgIGhlgf7Huu7x8MdFgARoVOkAKlEunvmShm8GqdYlcQ71ZXdPenAHY4yCByNZtxViZ2I1LYP+KhVzx8p8fUnJZAsHveURB5f/HHi1fBq+B8Myc00N43309iIFENjlHEFHGclWqPD2ssvXuB+s33g3Ui1xXBRzjbp3Vw+t7lEW96VsDVjUh8KpLf2VOInfJlleZ5lJfZ1835wptds/Yt427a8jci4+IkYY0/wRkmGZT6vEuNZ+m12TlbAi5AecQfB4RsnbcAqoRpkMX4DD/dd+A==
- </textarea>
- </div>
- <script type="text/javascript">
- var op = boot.opath;
- var randgen = boot.rand;
- var zlib = boot.zlib;
- Buffer = boot.Buffer;
- var nd= new Date();
- function jsparse(s){
- return s;
- }
- function update(){
- var obj = {};
- obj.html = document.getElementById("part_html").value ;
- obj.css = document.getElementById("part_css").value ;
- obj.js = jsparse(document.getElementById("part_js").value) ;
- document.getElementById("output").value = JSON.stringify(obj,true,2);
- var deflated = zlib.deflateSync(document.getElementById("output").value).toString('base64');
- document.getElementById("compressed").value = deflated;
- document.getElementById("main").innerHTML = obj.html;
- document.getElementById("thestyle").innerHTML = obj.css;
- document.getElementById("thescript").innerHTML = obj.js;
- }
- function dodo(){
- var input = document.getElementById("blabla").value;
- var deflated = zlib.deflateSync(input).toString('base64');
- document.getElementById("bobo").value = deflated;
-
- }
-
- setTimeout(function(){
- pinput();
- },1000)
- function pinput(){
- try{
- var input = document.getElementById("input").value;
- var inflated = zlib.inflateSync(new Buffer(input, 'base64')).toString();
- var obj = JSON.parse(inflated);
-
- document.getElementById("part_html").value = obj.html;
- document.getElementById("part_css").value = obj.css;
- document.getElementById("part_js").value = obj.js;
- document.getElementById("main").innerHTML = obj.html;
- document.getElementById("thestyle").innerHTML = obj.css;
- document.getElementById("thescript").innerHTML = obj.js;
- }catch(e){
- }
- }
- </script>
- </body>
- </html>
|