1

app/index/view/mobile/topic_nas/help_detail.html

@@ -172,6 +172,29 @@
                 })
             }, 300);
         });
+        // 英文单词截断
+        // 1. 基础CSS保证（必须）
+        $('.ql-editor').css({
+            'word-break': 'normal',
+            'overflow-wrap': 'anywhere',
+            'overflow-x': 'hidden'
+        });
+
+        // 2. 智能处理文本节点
+        $('.ql-editor').contents().each(function() {
+            if (this.nodeType === 3) { // 只处理文本节点
+            const $wrapper = $('<span>').addClass('word-wrapper');
+            $(this).replaceWith($wrapper.text(this.nodeValue));
+            }
+        });
+
+        // 3. 处理长单词（10个字符以上）
+        $('.word-wrapper').html(function(_, html) {
+            return html.replace(/([a-zA-Z]{10,})/g, function(match) {
+            return match.replace(/([a-z])([A-Z])/g, '$1<wbr>$2')
+                        .replace(/(.{5})/g, '$1<wbr>');
+            });
+        });
     });
 </script>
 {/block}

public/static/index/mobile/css/public.css

@@ -156,12 +156,12 @@ body {
     -moz-tab-size: 4;
     text-align: left;
     word-wrap: normal;
-    overflow-wrap: normal;
-    word-break: normal;
-    hyphens: manual;
-    white-space: normal;
-}
     
+}
+.word-wrapper {
+  display: inline-block;
+  max-width: 100%;
+}
 .ql-editor>* {
     cursor: text;
     word-break: normal;
@@ -172,8 +172,6 @@ body {
     margin: 0;
     padding: 0;
     counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
-    overflow-wrap: anywhere;
-    word-break: keep-all;
 }
 
 .ql-editor ol,.ql-editor ul {