index.html 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta http-equiv="pragma" content="no-cache" />
  6. <script src="./jquery.min.js"></script>
  7. <script src="./clipboard.min.js"></script>
  8. <script>
  9. $.getScript('./describe.js?rd=' + Math.random()).then(function() {
  10. var describe = new Describe();
  11. describe.load();
  12. }).catch( function() {
  13. alert('get describe error.');
  14. });
  15. $(document).ready(function(){
  16. var clipboard = new Clipboard("#btn");
  17. });
  18. </script>
  19. </head>
  20. <body style="font-size: 12px; font-family: Microsoft Yahei; margin: 0px">
  21. <table style="width: 1800px; margin: 0 auto">
  22. <tr>
  23. <td style="width: 350px;" valign="top">
  24. <fieldset>
  25. <legend>Menu</legend>
  26. <div id="menu" style="height: 850px; overflow: auto">&nbsp;</div>
  27. </fieldset>
  28. </td>
  29. <td valign="top">
  30. <fieldset>
  31. <legend>Content</legend>
  32. <div id="content"
  33. style="white-space: pre; font-size: 12px; word-break: break-all; word-wrap: break-word">&nbsp;</div>
  34. </fieldset>
  35. <fieldset>
  36. <legend>
  37. Result&nbsp;<a href="javascript:" data-clipboard-target="#result">copy</a>&nbsp;
  38. </legend>
  39. <div id="result"
  40. style="white-space: pre; font-size: 12px; word-break: break-all; word-wrap: break-word; width: 1400px">&nbsp;</div>
  41. </fieldset>
  42. </td>
  43. </tr>
  44. </table>
  45. </body>
  46. </html>