用Sass兼容css样式

背景

项目使用wangEditor2富文本编辑器,因为这个版本可以兼容比较低的ie版本，里面用到了<font face="字体">,但是项目中不能识别face属性，只能使用style里的font-family。

实际操作

// 版本兼容
font{
  &[face=宋体] {
    font-family: "宋体";
  }
  &[face=黑体] {
    font-family: "黑体";
  }
  &[face=楷体] {
    font-family: "楷体";
  }
  &[face=微软雅黑] {
    font-family: "微软雅黑";
  }
  &[face=Arial] {
    font-family: Arial;
  }
  &[face=Verdana] {
    font-family: Verdana;
  }
  &[face=Georgia] {
    font-family: Georgia;
  }
  &[face="Times New Roman"] {
    font-family: "Times New Roman";
  }
  &[face="Microsoft JhengHei"] {
    font-family: "Microsoft JhengHei";
  }
  &[face="Trebuchet MS"] {
    font-family: "Trebuchet MS";
  }
  &[face="Courier New"] {
    font-family: "Courier New";
  }
  &[face="Microsoft JhengHei"] {
    font-family: "Microsoft JhengHei";
  }
  &[face="Trebuchet MS"] {
    font-family: "Trebuchet MS";
  }
  &[face=Impact] {
    font-family: Impact;
  }
  &[face="Comic Sans MS"] {
    font-family: "Comic Sans MS";
  }
  &[face=Consolas] {
    font-family: Consolas;
  }
}

结果

• 这是同事写的.sass代码，做到识别font属性，添加上font-family的style
• 我的话，最开始是想要用replaceAll将font全局替换成style="font-family='字体'"，但是由于原本上面会存在style，所以添加新的style，会只保留一个，所以行不通
• 然后我是想用replaceAll将font全局替换成class="字体",然后写上这些全局的class
• 老实说，没有很懂sass，看官网也不知道能这么写。挺牛的。