Merge pull request #5075 from wangeditor-team/fix-set-family

fix(font family menu): 处理 setHtml 的时候字体样式回显失败的问题

Author: wangfupeng1988

packages/basic-modules/src/modules/font-size-family/parse-style-html.ts

@@ -28,7 +28,8 @@ export function parseStyleHtml(text: DOMElement, node: Descendant, editor: IDomE
 
   // -------- 处理 font-family --------
   const { fontFamilyList = [] } = editor.getMenuConfig('fontFamily')
-  const fontFamily = getStyleValue($text, 'font-family')
+  // 这里需要替换掉 "， css 设置 font-family，会将有空格的字体使用 " 包裹
+  const fontFamily = getStyleValue($text, 'font-family').replace(/"/g, '')
 
   // getFontFamilyConfig 配置支持对象形式
   const includesFamily =

packages/core/src/to-html/text2html.ts

@@ -7,7 +7,7 @@ import { Text } from 'slate'
 import { IDomEditor } from '../editor/interface'
 import { DomEditor } from '../editor/dom-editor'
 import { STYLE_TO_HTML_FN_LIST } from './index'
-import { deReplaceHtmlSpecialSymbols, replaceHtmlSpecialSymbols } from '../utils/util'
+import { replaceHtmlSpecialSymbols } from '../utils/util'
 
 function textToHtml(textNode: Text, editor: IDomEditor): string {
   const { text } = textNode
@@ -45,9 +45,6 @@ function textToHtml(textNode: Text, editor: IDomEditor): string {
   // 增加文本样式，如 color bgColor
   STYLE_TO_HTML_FN_LIST.forEach(fn => (textHtml = fn(textNode, textHtml)))
 
-  // 反转义 html 特殊字符
-  textHtml = deReplaceHtmlSpecialSymbols(textHtml)
-
   return textHtml
 }