From a26a553fdb10f759a83aa6f17f6cbf6f35cd461e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=99=9A=E9=A3=8E=E6=8B=82=E6=9F=B3=E9=A2=9C?=
 <434857005@qq.com>
Date: Fri, 28 Jul 2023 16:37:36 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=97=A5=E5=BF=97=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/logtail.html | 28 ++++++++++++++++++++--------
 1 file changed, 20 insertions(+), 8 deletions(-)

diff --git a/templates/logtail.html b/templates/logtail.html
index e3e59d4..b48342c 100644
--- a/templates/logtail.html
+++ b/templates/logtail.html
@@ -35,6 +35,12 @@
             /*word-wrap: break-word;*/
             /*word-break: normal;*/
         }
+        pre {
+            white-space: pre-wrap;
+            word-wrap: break-word;
+            font-size: large;
+            margin-top: 0px;
+        }
         #log-container{
             overflow-y: scroll;
             background: #333;
@@ -78,11 +84,14 @@
         <input type="text" class="input">
         <button id="sendMsg" class="btn">发送</button>
     </div>
-    <div id="log-container" contenteditable="true">
-		<div id="msg">
 
-		</div>
-	</div>
+<!--    <script id="msg" type="text/html" style='display:block'>-->
+
+<!--    </script>-->
+
+    <div id="log-container" contenteditable="true">
+        <pre id="msg"></pre>
+    </div>
     <div class="support"></div>
 
     <script>
@@ -254,10 +263,13 @@
             if(msg&&msg.trim()&&!msg.endsWith('\n')){
                 msg+='\n';
             }
-            msg = msg.replaceAll('\n','</br>');
-            $("#log-container div").append(msg);
+            // msg = msg.replaceAll('\n','</br>');
+            // $("#log-container #msg").append(msg);
+
+            $("#log-container #msg").text($("#log-container #msg").text()+msg);
             // 滚动条滚动到最低部
-            $("#log-container").scrollTop($("#log-container div").height() - $("#log-container").height());
+            // $("#log-container").scrollTop($("#log-container div #msg").height() - $("#log-container").height());
+            $("#log-container").scrollTop($("#log-container pre").height() - $("#log-container").height());
         }
         $(document).ready(function() {
             checkLoading();
@@ -279,7 +291,7 @@
                             text: '确认',
                             btnClass: 'btn-primary',
                             action: function() {
-                                $("#log-container div").html('');
+                                $("#log-container #msg").html('');
                             }
                         },
                         cancel: {