const str = '<div style="font-family: 隶书, SimLi></div>'
str = str.replace(/style="font-family:\s*(\S+),\s*SimLi;"/g,'class="ql-font-Lisu"') //正则匹配所有style="font-family: 隶书, SimLi;"替换成class="ql-font-Lisu"
.replace(/style="font-family:\s*(\S+),\s*(\S+)?,?\s*SimKai;"/g,'class="ql-font-KaiTi"') //正则匹配所有style="font-family: 楷体, 楷体_GB2312, SimKai;"替换成class="ql-font-KaiTi"
.replace(/<span style=["']text-decoration-line:\s*underline;?["']>.*?<\/span>/gi, '<u>$&</u>') //下划线字体(正则匹配标签并在此标签外层加标签)
正在匹配替换将dom中style样式替换成需要的样式
于 2023-05-24 16:42:38 首次发布
该文章展示了如何使用JavaScript的正则表达式对HTML中的`font-family`属性进行替换,将特定字体设置转换为类名,同时处理下划线文本,优化了样式表示。
摘要由CSDN通过智能技术生成