1

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

@@ -33,9 +33,11 @@
             </div>
         </div>
         <!-- 文章内容 -->
-        <div id="rendered-content" class="nhlp-app-content">
+         <div class="ql-container">
+            <div id="rendered-content" class="nhlp-app-content ql-editor">
                 {$article.content|raw|default=''}
             </div>
+        </div>
         <!-- 搜索 -->
         <div class="nhlpapp-search">
             <div class="nhlpappshtop">

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

@@ -156,7 +156,10 @@ body {
     -moz-tab-size: 4;
     text-align: left;
     white-space: pre-wrap;
-    word-wrap: break-word
+	word-wrap: break-word;    /* 兼容旧浏览器 */
+  	overflow-wrap: break-word; /* 优先在空格处换行，避免单词拆分 */
+  	word-break: normal;       /* 禁止强制拆分单词 */
+ 	hyphens: auto;            /* 可选：超长单词用连字符换行（更优雅） */
 }
 
 .ql-editor>* {
@@ -563,15 +566,27 @@ body {
 }
 
 .ql-editor .ql-size-small {
-    font-size: .75em
+    font-size: .75em;
+	word-wrap: break-word;    /* 兼容旧浏览器 */
+  	overflow-wrap: break-word; /* 优先在空格处换行，避免单词拆分 */
+  	word-break: normal;       /* 禁止强制拆分单词 */
+ 	hyphens: auto;            /* 可选：超长单词用连字符换行（更优雅） */
 }
 
 .ql-editor .ql-size-large {
-    font-size: 1.5em
+    font-size: 1.5em;
+	word-wrap: break-word;    /* 兼容旧浏览器 */
+  	overflow-wrap: break-word; /* 优先在空格处换行，避免单词拆分 */
+  	word-break: normal;       /* 禁止强制拆分单词 */
+ 	hyphens: auto;            /* 可选：超长单词用连字符换行（更优雅） */
 }
 
 .ql-editor .ql-size-huge {
-    font-size: 2.5em
+    font-size: 2.5em;
+	word-wrap: break-word;    /* 兼容旧浏览器 */
+  	overflow-wrap: break-word; /* 优先在空格处换行，避免单词拆分 */
+  	word-break: normal;       /* 禁止强制拆分单词 */
+ 	hyphens: auto;            /* 可选：超长单词用连字符换行（更优雅） */
 }
 
 .ql-editor .ql-direction-rtl {