Word字号和像素的对应关系

对应关系

字号像素
初号56px
小初48px
一号34px
小一32px
二号29px
小二24px
三号21px
小三20px
四号18px
小四16px
五号14px
小五12px
六号10px
小六8px
七号7px
八号6px

在使用wordpress的百度编辑器插件(UEditor-KityFormula)时,客户提出要把页面上的像素改成word中的字号。

码云下载地址:https://gitee.com/jinayang/UEditor-KityFormula-for-wordpress/tree/master/ueditor

解决方式:
1、将ueditor.all.js文件中第11484行中的’fontsize’: [10, 11, 12, 14, 16, 18, 20, 24, 36]更改为’fontsize’: [56,48,34,32,29,24,21,20,18,16,14,12,10,8,7,6]

// 更改前
me.setOpt({
    'fontfamily': [
        { name: 'songti', val: '宋体,SimSun'},
        { name: 'yahei', val: '微软雅黑,Microsoft YaHei'},
        { name: 'kaiti', val: '楷体,楷体_GB2312, SimKai'},
        { name: 'heiti', val: '黑体, SimHei'},
        { name: 'lishu', val: '隶书, SimLi'},
        { name: 'andaleMono', val: 'andale mono'},
        { name: 'arial', val: 'arial, helvetica,sans-serif'},
        { name: 'arialBlack', val: 'arial black,avant garde'},
        { name: 'comicSansMs', val: 'comic sans ms'},
        { name: 'impact', val: 'impact,chicago'},
        { name: 'timesNewRoman', val: 'times new roman'}
    ],
    'fontsize': [10, 11, 12, 14, 16, 18, 20, 24, 36]
});

// 更改后
me.setOpt({
    'fontfamily': [
        { name: 'songti', val: '宋体,SimSun'},
        { name: 'yahei', val: '微软雅黑,Microsoft YaHei'},
        { name: 'kaiti', val: '楷体,楷体_GB2312, SimKai'},
        { name: 'heiti', val: '黑体, SimHei'},
        { name: 'lishu', val: '隶书, SimLi'},
        { name: 'andaleMono', val: 'andale mono'},
        { name: 'arial', val: 'arial, helvetica,sans-serif'},
        { name: 'arialBlack', val: 'arial black,avant garde'},
        { name: 'comicSansMs', val: 'comic sans ms'},
        { name: 'impact', val: 'impact,chicago'},
        { name: 'timesNewRoman', val: 'times new roman'}
    ],
    'fontsize': [56,48,34,32,29,24,21,20,18,16,14,12,10,8,7,6]
});

2、更改第28232行

// 更改前
var items = [];
for (var i = 0; i < list.length; i++) {
    var size = list[i] + 'px';
    items.push({
        label:size,
        value:size,
        theme:editor.options.theme,
        renderLabelHtml:function () {
            return '<div class="edui-label %%-label" style="line-height:1;font-size:' +
                this.value + '">' + (this.label || '') + '</div>';
        }
    });
}

// 更改后
var items = [];
var fontsizeObj = {
	'56px':'初号', '48px':'小初', '34px':'一号', '32px':'小一', '29px':'二号', '24px':'小二',
	'21px':'三号', '20px':'小三', '18px':'四号', '16px':'小四', '14px':'五号', '12px':'小五',
	'10px':'六号', '8px':'小六', '7px':'七号', '6px':'八号'
}
for (var i = 0; i < list.length; i++) {
    var size = list[i] + 'px';
    items.push({
        label:fontsizeObj[size],
        value:size,
        theme:editor.options.theme,
        renderLabelHtml:function () {
            return '<div class="edui-label %%-label" style="line-height:1;font-size:' +
                this.value + '">' + (this.label || '') + '</div>';
        }
    });
}

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值