code.ftl 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0">
  6. <title>代码预览</title>
  7. <#include "*/commonHeader.ftl">
  8. <script src="js/jquery-3.6.1.min.js" type="text/javascript"></script>
  9. <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"/>
  10. <script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
  11. <link rel="stylesheet" href="highlight/default.min.css">
  12. <script src="highlight/highlight.min.js" type="text/javascript"></script>
  13. <script src="js/base64.min.js" type="text/javascript"></script>
  14. <script>hljs.highlightAll()</script>
  15. <style>
  16. div.code {
  17. white-space: pre;
  18. }
  19. </style>
  20. </head>
  21. <body>
  22. <input hidden id="textData" value="${textData}"/>
  23. <div class="container">
  24. <div class="panel panel-default">
  25. <div class="panel-heading">
  26. <h4 class="panel-title">
  27. <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
  28. ${file.name}
  29. </a>
  30. </h4>
  31. </div>
  32. <div class="panel-body">
  33. <div id="code" class='code'></div>
  34. </div>
  35. </div>
  36. </div>
  37. <script>
  38. /**
  39. * 初始化
  40. */
  41. window.onload = function () {
  42. initWaterMark();
  43. loadText();
  44. }
  45. /**
  46. *加载普通文本
  47. */
  48. function loadText() {
  49. var base64data = $("#textData").val()
  50. var textData = Base64.decode(base64data);
  51. var textPreData = "<pre><code>" + textData + "</code></pre>";
  52. $("#code").append(textPreData);
  53. document.querySelectorAll('div.code').forEach(block => {
  54. // then highlight each
  55. hljs.highlightBlock(block);
  56. });
  57. }
  58. </script>
  59. </body>
  60. </html>