Kendo编辑器以编程方式添加/删除所需的字体集

时间:2013-03-28 07:02:50

标签: javascript jquery html jsp kendo-ui

Kendo编辑器的字体选择组合框默认显示所有字体为(继承字体)。我想手动添加自己喜欢的字体集。

根据API文档,似乎没有这样做我需要的方法。我猜也许我需要编辑css或从浏览器操作继承的字体,但我找不到任何相关的信息。

http://docs.kendoui.com/api/web/editor

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:2)

如果KendoUI的JavaScript版本没问题,您可以使用tools.items自定义字体列表。

初始化编辑器就像:

$("#editor").kendoEditor({
    tools: [
        // Other tools that you want to use
        {
            name : "fontName",
            items: [
                { text: "Courier", value: "Courier" },
                { text: "Times New Roman", value: "Times New Roman" },
                { text: "Trebuchet MS", value: "Trebuchet MS" }
            ]
        },
        // More tools
    ]
});

唯一的问题是你需要定义所有工具,它不是增量工具。

这里的JSFiddle示例http://jsfiddle.net/OnaBai/kZegN/