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

Changing font size options on WYSIWYG editor?

本文关键字：字体 选项 所见即所得 编辑器      更新时间：2023-09-26

所以我有一个来自 jqueryscript.net 插件的引导所见即所得编辑器，我正在尝试在字体大小下拉列表中提供更多字体选项。所以我进入JS并找到了它的var，并将其从小，中，大，大更改为更精确的大小，如10px，11px，12px等。但是当我进入编辑器进行测试时，它仍然使用旧的字体大小，所以当我从 5px-10px 变成中小型时。等。我已经看了又看，看了又看了JS，这不是太深入，找不到它是如何吸引那些人进入我的生活的！有没有人知道如何在此下拉列表中正确调整字体大小？谢谢！！

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

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

code here

根据这个问题的解决方案，我创建了一个自定义函数，用于将<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/

相关文章：