javascript - 在 TinyMCE 中更改 FontSize 下拉列表的名称

Question

所以我正在使用 TinyMCE，我希望允许用户将字体大小更改为一个预定义的大小(更大)。

我已经通过这个自定义设置做到了这一点:

font_size_style_values: "large,x-small,small,medium,large,x-large,xx-large",
theme_advanced_font_sizes: "1",

但是，在字体大小选择下拉列表中，出现的文字是“1(8pt)”，这不是很友好。

我想将其更改为“大”或任何其他内容。有什么想法吗？

如果有帮助的话，这是我完整的自定义设置:

tinyMCE.init({
    mode: "exact",
    elements: "Details", // "EventDetails_Directions, EventDetails_Details"
    width: "673",
    height: "320",
    theme: "advanced",
    plugins: "paste, media",
    autocomplete: "off",
    convert_fonts_to_spans : true,
    theme_advanced_buttons1: "bold,italic,underline,justifyleft,justifycenter,fontsizeselect,link,unlink,image,bullist,separator,undo,redo,code",
    theme_advanced_buttons2: "",
    theme_advanced_buttons3: "",
    font_size_style_values: "large,x-small,small,medium,large,x-large,xx-large",
    theme_advanced_font_sizes: "1",
    paste_auto_cleanup_on_paste: true,
    paste_remove_styles: true,
    paste_retain_style_properties: "none",
    paste_strip_class_attributes: "all",
    paste_preprocess: function(p1, o) {
        o.content = replaceWordChars(o.content);
    },
    content_css: "/ClientControlRoom/assets/css/tinymce_custom.css"
});

Answer 1

theme_advanced_font_sizes配置选项，因为 TinyMCE 3.2 允许您将文本值映射到字体大小(像素或相对)或类。

因此，如果您只想在下拉列表中为您的用户提供一个选项(“大”)，您可以

theme_advanced_font_sizes : "large=30px"

或者，如果您使用简单的相对大小

theme_advanced_font_sizes : "large"