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

时间:2012-06-06 02:16:24

标签: javascript tinymce

所以我正在使用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"
});

1 个答案:

答案 0 :(得分:3)

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

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

theme_advanced_font_sizes : "large=30px"

或者,如果您使用相对尺寸简单

theme_advanced_font_sizes : "large"