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

时间:2015-01-28 16:26:34

标签: javascript jquery twitter-bootstrap wysiwyg font-size

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

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

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

code here

1 个答案:

答案 0 :(得分:5)

关注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/