javascript - 更改所见即所得编辑器上的字体大小选项？

Question

所以我有一个来自 a jqueryscript.net plugin 的 Bootstrap 所见即所得编辑器我试图在字体大小下拉列表中提供更多字体选项。所以我进入JS并找到它的var并将其从小，中，大，巨大更改为更精确的尺寸，如10px，11px，12px等。但是当我进入编辑器测试它时，它是仍然使用旧的字体大小，所以当我从 5px-10px 开始时，它是中小尺寸..等等。我在 JS 中看了又看，它不是太深入，找不到它是如何拉动这些的为了我的生命!有谁知道如何在此下拉菜单中正确调整字体大小？谢谢!!

我将代码放入 jsfiddle 中，因为它在这里太长，但无法让它在其中工作。我必须删除 js 中打印功能的 document.write 才能保存它。

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

code here

Answer 1

已关注 the solution to this question ，我创建了一个自定义函数来替换 <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/