1

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

@@ -42,7 +42,8 @@
         <div class="nhlpapp-search">
             <div class="nhlpappshtop">
                 <div class="nhlpapp-shdiv">
-                    <input class="nhlp-ipt" id="search-input" placeholder="{:lang_i18n('请输入搜索关键字,如安装赛博云空间,影视库')}" autocomplete="off">
+                    <input class="nhlp-ipt" id="search-input" placeholder="{:lang_i18n('请输入搜索关键字,如安装赛博云空间,影视库')}"
+                        autocomplete="off">
                     <img src="__IMAGES__/ssapp.png" class="searchimg">
                 </div>
                 <span class="closetx">{:lang_i18n('取消')}</span>
@@ -60,14 +61,16 @@
                     <div class="categoryhelp">
                         <div class="categoryhelp-title">
                             <div>
-                                <img src="__IMAGES__/nars-jt.png" class="arrow {if condition='$ac.id == $Request.get.cid'}rotate{/if}">
+                                <img src="__IMAGES__/nars-jt.png"
+                                    class="arrow {if condition='$ac.id == $Request.get.cid'}rotate{/if}">
                             </div>
                             <span>{$ac.name}</span>
                         </div>
                         <ul class="sub-list" {if condition='$ac.id == $Request.get.cid' }style="display: block;" {/if}>
                             {volist name="ac.article" id="ar"}
                             <li>
-                                <a href="{:url('/index/topic/nas/help_detail', ['cid' => $ac.id , 'id' => $ar.id])}" style="padding-top: 6px;">
+                                <a href="{:url('/index/topic/nas/help_detail', ['cid' => $ac.id , 'id' => $ar.id])}"
+                                    style="padding-top: 6px;">
                                     {$ar.title}
                                 </a>
                             </li>
@@ -172,43 +175,25 @@
                 })
             }, 300);
         });
-        // 英文截断
+        // 英文截断处理
-            // 处理 #rendered-content 内的内容
+        // 目标容器：富文本内容所在的元素
-        $('#rendered-content').html(function(i, html) {
+        const contentContainer = $('#rendered-content');
-            // 1. 先保护真正的空行（只包含&nbsp;的标签）
-            html = html.replace(/<(p|h[1-6])>(<strong>)?(&nbsp;| )*(<\/strong>)?<\/\1>/g, function(match) {
-            // 统一空行格式为 <p>&nbsp;</p> 或 <h2>&nbsp;</h2> 形式
-            return match.replace(/(<p>|<h[1-6]>)\s*(<strong>)?\s*(&nbsp;| )*\s*(<\/strong>)?\s*(<\/p>|<\/h[1-6]>)/, 
-                function(m) {
-                var tag = m.match(/<(p|h[1-6])>/)[1];
-                return '<' + tag + '>&nbsp;</' + tag + '>';
-                });
-            });
 
-            // 2. 替换其他&nbsp;为普通空格（保留单词间的空格）
+        // 遍历所有包含文本内容的标签（p、h1-h6、strong等）
-            html = html.replace(/&nbsp;(?=\w)/g, ' ');
+        contentContainer.find('*').each(function () {
+            const $element = $(this);
+            const htmlContent = $element.html();
 
-            return html;
+            // 条件1：排除内容仅为一个&nbsp;的标签（如<p>&nbsp;</p>）
-        });
+            if (htmlContent.trim() === '&nbsp;') {
+                return; // 不处理，继续下一个元素
+            }
 
-        // 添加CSS样式确保英文单词完整换行
+            // 条件2：检查是否包含&nbsp;且有实际文本内容
-        $('#rendered-content').css({
+            if (htmlContent.includes('&nbsp;')) {
-            'word-wrap': 'break-word',
+                // 将所有&nbsp;替换为普通空格（有效占位符，支持单词完整换行）
-            'overflow-wrap': 'break-word',
+                const newContent = htmlContent.replace(/&nbsp;/g, ' ');
-            'word-break': 'normal',
+                $element.html(newContent);
-            'white-space': 'normal'
-        });
-        
-        // 优化英文单词间的空格处理
-        $('#rendered-content').find('p, h1, h2, h3, h4, h5, h6').each(function() {
-            var $el = $(this);
-            // 只处理非空行
-            if ($el.html().trim() !== '&nbsp;') {
-            var html = $el.html()
-                .replace(/([a-zA-Z])(&nbsp;| )+([a-zA-Z])/g, '$1 $3') // 单词间保留一个空格
-                .replace(/(\d)(&nbsp;| )+([a-zA-Z])/g, '$1 $3')      // 数字和单词间
-                .replace(/([a-zA-Z])(&nbsp;| )+(\d)/g, '$1 $3');     // 单词和数字间
-            $el.html(html);
             }
         });
     });

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

@@ -114,7 +114,6 @@ body {
   background-color: #444444;
   color: #fff;
 }
-/*编辑器样式*/
 @charset "UTF-8";.ql-container {
     box-sizing: border-box;
     font-family: Helvetica,Arial,sans-serif;
@@ -144,21 +143,7 @@ body {
     margin: 0;
     padding: 0
 }
-/* 空白占位符样式 */
+
-.space-char {
-  display: inline;
-  white-space: pre; /* 保留空白 */
-  position: relative;
-  padding-right: 0.15em; /* 视觉间距补偿 */
-}
-.space-char:after {
-  content: " ";
-  visibility: hidden;
-}
-.space-replaced {
-  display: inline;
-  white-space: normal;
-}
 .ql-editor {
     box-sizing: border-box;
     line-height: 1.42;
@@ -169,37 +154,20 @@ body {
     tab-size: 4;
     -moz-tab-size: 4;
     text-align: left;
-    word-wrap: break-word;
+    white-space: pre-wrap;
-    overflow-wrap: break-word;
+    word-wrap: break-word
-    word-break: normal;
-    white-space: normal;
 }
 
 .ql-editor>* {
-    cursor: text;
+    cursor: text
-    word-break: normal;
-    overflow-wrap: normal;
 }
 
 .ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6 {
     margin: 0;
     padding: 0;
-    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
+    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
-    word-wrap: break-word;
-    overflow-wrap: break-word;
-    word-break: keep-all;
-    white-space: normal;
-}
-/* 移动端优化 */
-@media (max-width: 768px) {
-    .narshelpCenterdetail-app .nhlp-app-content {
-        width: 95%;
-    }
-    .ql-editor p,
-    .ql-editor li {
-        display: block; /* 移动端改用块级布局 */
-    }
 }
+
 .ql-editor ol,.ql-editor ul {
     padding-left: 1.5em
 }
@@ -594,27 +562,15 @@ 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 {
@@ -1229,7 +1185,7 @@ body {
 }
 
 .ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before {
-    content: "14px"
+    content: "12px"
 }
 
 .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
@@ -1283,3 +1239,119 @@ body {
 .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
     content: "等宽字体"
 }
+
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=SimSun]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=SimSun]:before {
+    font-family: SimSun,sans-serif;
+    content: "宋体"
+}
+
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=SimHei]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=SimHei]:before {
+    font-family: SimHei,sans-serif;
+    content: "黑体"
+}
+
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Microsoft-YaHei]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Microsoft-YaHei]:before {
+    font-family: Microsoft YaHei,sans-serif;
+    content: "微软雅黑"
+}
+
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=KaiTi]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=KaiTi]:before {
+    font-family: KaiTi,sans-serif;
+    content: "楷体"
+}
+
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=FangSong]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=FangSong]:before {
+    font-family: FangSong,sans-serif;
+    content: "仿宋"
+}
+
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Arial]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Arial]:before {
+    font-family: Arial,sans-serif;
+    content: "Arial"
+}
+
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Times-New-Roman]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Times-New-Roman]:before {
+    font-family: Times New Roman,sans-serif;
+    content: "Times New Roman"
+}
+
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=sans-serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=sans-serif]:before {
+    font-family: sans-serif;
+    content: "sans-serif"
+}
+
+.ql-font-SimSun {
+    font-family: SimSun,sans-serif
+}
+
+.ql-font-SimHei {
+    font-family: SimHei,sans-serif
+}
+
+.ql-font-Microsoft-YaHei {
+    font-family: Microsoft YaHei,sans-serif
+}
+
+.ql-font-KaiTi {
+    font-family: KaiTi,sans-serif
+}
+
+.ql-font-FangSong {
+    font-family: FangSong,sans-serif
+}
+
+.ql-font-Arial {
+    font-family: Arial,sans-serif
+}
+
+.ql-font-Times-New-Roman {
+    font-family: Times New Roman,sans-serif
+}
+
+.ql-font-sans-serif {
+    font-family: sans-serif
+}
+
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]:before {
+    content: "12px"
+}
+
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="14px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]:before {
+    content: "14px"
+}
+
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]:before {
+    content: "16px"
+}
+
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]:before {
+    content: "18px"
+}
+
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="20px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]:before {
+    content: "20px"
+}
+
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="22px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="22px"]:before {
+    content: "22px"
+}
+
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]:before {
+    content: "24px"
+}
+
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="26px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="26px"]:before {
+    content: "26px"
+}
+
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="28px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="28px"]:before {
+    content: "28px"
+}
+
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="30px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="30px"]:before {
+    content: "30px"
+}
+
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="32px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32px"]:before {
+    content: "32px"
+}

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

@@ -101,7 +101,10 @@ address {
   list-style: none;
   padding: 0px;
   margin: 0px;
-  word-break: break-all;
+  /* word-break: break-all; */
+}
+strong {
+  display: inline-block;
 }
 a {
   text-decoration: none;

public/static/index/pc/css/public.css

@@ -254,23 +254,18 @@ div{
     tab-size: 4;
     -moz-tab-size: 4;
     text-align: left;
-    word-wrap: normal;
+    white-space: pre-wrap;
-    overflow-wrap: normal;
+    word-wrap: break-word
-    word-break: normal;
-    hyphens: manual;
-    white-space: normal;
 }
 
 .ql-editor>* {
-    cursor: text;
+    cursor: text
 }
 
 .ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6 {
     margin: 0;
     padding: 0;
-    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
+    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 {
@@ -667,27 +662,15 @@ div{
 }
 
 .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 {
@@ -1302,7 +1285,7 @@ div{
 }
 
 .ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before {
-    content: "14px"
+    content: "12px"
 }
 
 .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
@@ -1356,3 +1339,119 @@ div{
 .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
     content: "等宽字体"
 }
+
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=SimSun]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=SimSun]:before {
+    font-family: SimSun,sans-serif;
+    content: "宋体"
+}
+
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=SimHei]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=SimHei]:before {
+    font-family: SimHei,sans-serif;
+    content: "黑体"
+}
+
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Microsoft-YaHei]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Microsoft-YaHei]:before {
+    font-family: Microsoft YaHei,sans-serif;
+    content: "微软雅黑"
+}
+
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=KaiTi]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=KaiTi]:before {
+    font-family: KaiTi,sans-serif;
+    content: "楷体"
+}
+
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=FangSong]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=FangSong]:before {
+    font-family: FangSong,sans-serif;
+    content: "仿宋"
+}
+
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Arial]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Arial]:before {
+    font-family: Arial,sans-serif;
+    content: "Arial"
+}
+
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Times-New-Roman]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Times-New-Roman]:before {
+    font-family: Times New Roman,sans-serif;
+    content: "Times New Roman"
+}
+
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=sans-serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=sans-serif]:before {
+    font-family: sans-serif;
+    content: "sans-serif"
+}
+
+.ql-font-SimSun {
+    font-family: SimSun,sans-serif
+}
+
+.ql-font-SimHei {
+    font-family: SimHei,sans-serif
+}
+
+.ql-font-Microsoft-YaHei {
+    font-family: Microsoft YaHei,sans-serif
+}
+
+.ql-font-KaiTi {
+    font-family: KaiTi,sans-serif
+}
+
+.ql-font-FangSong {
+    font-family: FangSong,sans-serif
+}
+
+.ql-font-Arial {
+    font-family: Arial,sans-serif
+}
+
+.ql-font-Times-New-Roman {
+    font-family: Times New Roman,sans-serif
+}
+
+.ql-font-sans-serif {
+    font-family: sans-serif
+}
+
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]:before {
+    content: "12px"
+}
+
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="14px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]:before {
+    content: "14px"
+}
+
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]:before {
+    content: "16px"
+}
+
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]:before {
+    content: "18px"
+}
+
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="20px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]:before {
+    content: "20px"
+}
+
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="22px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="22px"]:before {
+    content: "22px"
+}
+
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]:before {
+    content: "24px"
+}
+
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="26px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="26px"]:before {
+    content: "26px"
+}
+
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="28px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="28px"]:before {
+    content: "28px"
+}
+
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="30px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="30px"]:before {
+    content: "30px"
+}
+
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="32px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32px"]:before {
+    content: "32px"
+}