在WYSIWYG编辑器上更改字体大小选项?
所以我有一个来自jqueryscript.net插件的bootstrap wysiwyg编辑器,我试图在字体大小下拉列表中提供更多字体选项。 所以我进入JS并找到它的var并将其从小,中,大,巨大变为更精确的大小,如10px,11px,12px等。但是当我进入编辑器测试它时,它是仍然使用旧的字体大小,所以当我像5px-10px一样,它是中等大小的..等我看了看,看了一眼不太深入的JS并且无法找到它如何拉动那些为了我的生命! 有没有人知道如何在这个下拉列表上正确调整字体大小? 谢谢!!
我把代码放到一个jsfiddle中,因为它在这里太长了,但是它无法在它中运行。 我不得不为js中的print函数删除document.write以使其保存。
http://jsfiddle.net/wfaLa3h0/3/
code here
在解决了这个问题之后 ,我创建了一个自定义函数,用所选字体大小的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/