feat: distinguish between underline and strikethrough labels (#460)

wuyiping0628 · web-flow · commit e7844bec1d9a · 2026-03-26T17:37:14.000+08:00
diff --git a/packages/fluent-editor/src/assets/editor.scss b/packages/fluent-editor/src/assets/editor.scss
@@ -68,7 +68,7 @@
       text-decoration: line-through;
     }
 
-    u.ql-custom-strike {
+    s.ql-custom-strike {
       text-decoration: line-through;
     }
 
diff --git a/packages/fluent-editor/src/formats/strike.ts b/packages/fluent-editor/src/formats/strike.ts
@@ -5,7 +5,7 @@ const Inline = Quill.import('blots/inline') as typeof TypeInline
 
 export class StrikeBlot extends Inline {
   static blotName = 'strike'
-  static tagName = 'u'
+  static tagName = 's'
   static className = 'ql-custom-strike'
   // 此处删除了formats方法，当前tag非span，则并不需要进行特殊处理去重写formats方法
 }
diff --git a/packages/projects/src/views/yuque/YuQue.vue b/packages/projects/src/views/yuque/YuQue.vue
@@ -46,7 +46,7 @@ const DEFAULT_CONTENT = `
 </p>
 <p>这是<strong>粗体</strong></p>
 <p>这是<em>斜体</em></p>
-<p>这是<u class="ql-custom-strike">删除线</u></p>
+<p>这是<s class="ql-custom-strike">删除线</s></p>
 <p>这是<u>下划线</u></p>
 <p>这是上标X<sup>2</sup>和下标X<sub>2</sub></p>
 <p>

Original file line number	Diff line number	Diff line change
`@@ -68,7 +68,7 @@`
`68`	`68`	`text-decoration: line-through;`
`69`	`69`	`}`
`70`	`70`
`71`		`- u.ql-custom-strike {`
	`71`	`+ s.ql-custom-strike {`
`72`	`72`	`text-decoration: line-through;`
`73`	`73`	`}`
`74`	`74`
Original file line number	Diff line number	Diff line change
`@@ -5,7 +5,7 @@ const Inline = Quill.import('blots/inline') as typeof TypeInline`
`5`	`5`
`6`	`6`	`export class StrikeBlot extends Inline {`
`7`	`7`	`static blotName = 'strike'`
`8`		`- static tagName = 'u'`
	`8`	`+ static tagName = 's'`
`9`	`9`	`static className = 'ql-custom-strike'`
`10`	`10`	`// 此处删除了formats方法，当前tag非span，则并不需要进行特殊处理去重写formats方法`
`11`	`11`	`}`