kindeditor编辑器微软雅黑样式font-family值变成

2021年11月21日 阅读数:6
这篇文章主要向大家介绍kindeditor编辑器微软雅黑样式font-family值变成,主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。


kindeditor编辑器中选中文字, 修改字体(字体名称中带有空格, 例如"Microsoft YaHei")后, 点击显示html源码, 源码中对应的样式font-family值变成""", 并且切换回设计模式后, 本来选好的字体格式没了, 缘由应该是font-family: "XXX XXX"的引号"被html编码为"了,最新版4.1.11以及官网上的演示demo都存在这个问题.css

如图:html

kindeditor编辑器微软雅黑样式font-family值变成_css

第一次只是对文章的字体进行微软雅黑操做,style属性里面就有微软雅黑!设计模式

kindeditor编辑器微软雅黑样式font-family值变成_html_02

第二次的时候先是对文章进行字体微软雅黑、再字体大小操做,style属性里面就出现了 &quot 的问题。编辑器

解决方法一:ide

存在这个问题是字体名称带空格,例如“Microsoft Yahei”字体

暂时解决方法,zh_CN.js中搜索 fontname.fontName,修改字体名称,将 Microsoft Yahei 改成 微软雅黑 中文字。编码

解决方法二:spa

找到目标文件kindeditor.js设计

路径:/public_html/kindeditor/kindeditor.jshtm

搜索关键词:“_getCssList”,在下面增长“css = css.replace(/"/g, '"');”,保存上传便可

修改效果以下:

function _getCssList(css){

  css = css.replace(/"/g, '"');

  var list = {},

    reg = /\s*([\w\-]+)\s*:([^;]*)(;|$)/g,

    match;

  while ((match = reg.exec(css))) {

    var key = _trim(match[1].toLowerCase()),

      val = _trim(_toHex(match[2]));

    list[key] = val;

  }

  return list;

}