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

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/

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

Changing font size options on WYSIWYG editor?

javascript

jquery

wysiwyg

font-size

twitter-bootstrap