在WYSIWYG编辑器上更改字体大小选项？

Question

所以我有一个来自jqueryscript.net插件的bootstrap wysiwyg编辑器,我试图在字体大小下拉列表中提供更多字体选项.所以我进入JS并找到它的var并将其从小型,中型,大型,大型更改为更精确的尺寸,如10px,11px,12px等.但是当我进入编辑器测试它时,它是仍然使用旧的字体大小,所以当我像5px-10px一样,它是中等大小的..等等.我看了看,看了一眼不太深入的JS并且无法找到它是如何拉动那些为了我的生命!有没有人知道如何在这个下拉列表上正确调整字体大小？谢谢!!

我把代码放到了一个jsfiddle,因为它在这里太长了,但是它无法在它中运行.我不得不删除js中print函数的document.write以使其保存.

http://jsfiddle.net/wfaLa3h0/3/

code here

Answer 1

在解决了这个问题之后,我创建了一个自定义函数来替换<font size="7">所选字体大小的CSS.

'font_size': { "select":true,
    "default": "Font size",
    "tooltip": "Font Size",
    "commandname":"fontSize", 
    "custom":function(button){
        document.execCommand("fontSize", false, "7");
        $("#contentarea font[size]").removeAttr("size")
            .css("font-size", $(button).data('value'));
    }
}

JSFiddle:http://jsfiddle.net/wfaLa3h0/6/