新增依赖 highlightjs 代码文件预览高亮支持

2021-02-19 10:15:20 +08:00
parent 01213c5d02
commit 1fd7d5df88
4 changed files with 99 additions and 0 deletions
--- a/server/src/main/resources/web/code.ftl
+++ b/server/src/main/resources/web/code.ftl
@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0">
+    <title>代码预览</title>
+    <#include  "*/commonHeader.ftl">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.6.0/styles/default.min.css">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.6.0/highlight.min.js"></script>
+    <script>hljs.highlightAll()</script>
+
+    <style>
+        div.code {
+            white-space: pre;
+        }
+    </style>
+</head>
+<body>
+
+<input hidden id="textData" value="${textData}"/>
+
+<div class="container">
+    <div class="panel panel-default">
+        <div class="panel-heading">
+            <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
+                    ${file.name}
+                </a>
+            </h4>
+        </div>
+        <div class="panel-body">
+            <div id="code" class='code'></div>
+        </div>
+    </div>
+</div>
+
+
+<script>
+    /**
+     * 初始化
+     */
+    window.onload = function () {
+        initWaterMark();
+        loadText();
+    }
+
+    /**
+     *加载普通文本
+     */
+    function loadText() {
+        var base64data = $("#textData").val()
+        var textData = Base64.decode(base64data);
+
+        var textPreData = "<pre><code>" + textData + "</code></pre>";
+        $("#code").append(textPreData);
+        document.querySelectorAll('div.code').forEach(block => {
+            // then highlight each
+            hljs.highlightBlock(block);
+        });
+    }
+
+</script>
+
+</body>
+
+</html>