修改Ueditor工具欄字號顯示方式爲中文word字號顯示方式

本答案是參考百度知道回答寫的，原答案比較精簡，只是作展開，儘可能描述的詳細些，便於參考。

原文地址：http://zhidao.baidu.com/link?url=05kzbhNQOYhtlwJIfMN1U8jQ_yg97N43LCc-RWjJv3PP9zibLdFtK7ogUbxFODM9_XRdEoKJrDZ_u5cgbDmc3_MfR0LnugJj6zGkH9Wm22i

1、適用版本：ueditor 1.3.6+（親測1.4.3版有效）

2、打開/ueditor/ueditor.all.js,搜索「fontfamily」，定位到以下代碼

將fontsize的代碼替換爲以下代碼：

        

/*'fontsize': [10, 11, 12, 14, 16, 18, 20, 24, 36]*/
        'fontsize': [
             { name: '\u516d\u53f7', val: 10},
             { name: '\u5c0f\u4e94', val: 12},
             { name: '\u4e94\u53f7', val: 14},
             { name: '\u5c0f\u56db', val: 16},
             { name: '\u56db\u53f7', val: 18},
             { name: '\u5c0f\u4e09', val: 20},
             { name: '\u4e09\u53f7', val: 21},
             { name: '\u5c0f\u4e8c', val: 24},
             { name: '\u4e8c\u53f7', val: 29},
             { name: '\u5c0f\u4e00', val: 32},
             { name: '\u4e00\u53f7', val: 34},
             { name: '\u5c0f\u521d', val: 48},
             { name: '\u521d\u53f7', val: 56}
         ]

P.S：因爲WEB字號低於10沒有什麼使用價值，僅添加10px以上的字體，名稱能夠本身定義，只要把中文轉爲UNICODE就好了（貌似不轉換直接用中文字符串也能夠）。

3、仍是在/ueditor/ueditor.all.js,搜索「editorui.fontsize」，定位到以下代碼

將百度知道里84許的文件下載下來和原版對比能夠看到差別

更改代碼以下：

原版：

for (var i = 0; i < list.length; i++) {
            var size = list[i] + 'px';
            items.push({
                label:size,
                value:size,

更改後：

for (var i = 0; i < list.length; i++) {
            var sizename = list[i].name;
            var size = list[i].val + 'px';
            items.push({
            	label:sizename,
                value:size,

能夠看到思路就在於把原來以像素字號表示的簡單的fontsize屬性細化，模仿了font-family的鍵值對書寫方式，添加name和val兩個屬性，再在下方的ui代碼拼接的地方將細化後的sizename和name值分別輸出。

這樣在實際生成的編輯器實例中便可看到生效

總結：很是感謝84許的思路和代碼，經過模仿原有的屬性鍵值對形式，以及觀察前端展示方式，二次開發修改字號顯示，是一個很好的customize ueditor的方法，鑑於ueditor已經萬年不更新了，不少新的功能須要咱們自行去研究修改，本文沒有創新，只是細化擴展了84許的更改方式，作個知識的搬運工。