程序员

UEditor 默认字体和字号的修改方法

作者:admin 2021-04-06 我要评论

直接打开 UEditor 根目录下的 ueditor.all.js 文件,查找“设置默认字体和字号”,修改默认字体和字号: .....//设置默认字体和字号//font-family不能呢随便改,...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

直接打开 UEditor 根目录下的 ueditor.all.js 文件,查找“设置默认字体和字号”,修改默认字体和字号:

.....

//设置默认字体和字号
//font-family不能呢随便改,在safari下fillchar会有解析问题

//注释掉原来的默认字体和字号
//'body{margin:8px;font-family:sans-serif;font-size:16px;}' +

//修改为自己需要的默认字体和字号
'body{margin:8px;font-family:微软雅黑,Microsoft YaHei;font-size:14px;}' +

....

选项里面的字体如果没有你想要的,你可以在根目录 ueditor.config.js 里面查找“字体设置”,取消注释添加你新增的字体或删除不需要的字体:

....

//字体设置 label留空支持多语言自动切换,若配置,则以配置值为准
,'fontfamily':[
  { label:'',name:'yahei',val:'微软雅黑,Microsoft YaHei'},
  { label:'',name:'songti',val:'宋体,SimSun'},
  { label:'',name:'kaiti',val:'楷体,楷体_GB2312, SimKai'},
  { label:'',name:'heiti',val:'黑体, SimHei'},
  { label:'',name:'lishu',val:'隶书, SimLi'},
  { label:'',name:'andaleMono',val:'andale mono'},
  { label:'',name:'arial',val:'arial, helvetica,sans-serif'},
  { label:'',name:'arialBlack',val:'arial black,avant garde'},
  { label:'',name:'comicSansMs',val:'comic sans ms'},
  { label:'',name:'impact',val:'impact,chicago'},
  { label:'',name:'timesNewRoman',val:'times new roman'}
]

....

修改完成后,打开编辑器默认即为自己设置的字体了!
压缩版请进行 Js 压缩 覆盖 ueditor.config.min.js 。


本文转载自网络,原文链接:https://m.jb51.net/article/109528.htm

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • Vue SPA 首屏优化方案

    Vue SPA 首屏优化方案

  • vue 动态添加的路由页面刷新时失效的原

    vue 动态添加的路由页面刷新时失效的原

  • vue项目配置 webpack-obfuscator 进行

    vue项目配置 webpack-obfuscator 进行

  • JavaScript 中的执行上下文和执行栈实

    JavaScript 中的执行上下文和执行栈实

腾讯云代理商
精彩导读
海外云服务器
热门资讯
腾讯云代理商