将默认字体设置为 Kendo UI 编辑器

Question

我需要在用户开始键入文本而不选择 Kendo 编辑器中的字体时将默认字体值设置为 Impact。但是，当用户选择一种字体然后开始输入文本时，编辑器应该遵守字体选择。通过在初始化编辑器时向正文元素添加新样式 sheet，我能够将 Inherited 字体设置为 Impact。现在，文本的字体是 Impact，但是 Font Select 组合框中显示的字体值仍然是继承字体。现在，我的问题是.. 当可编辑区域中没有内容并且没有选择字体时，是否有任何方法可以将字体更改为 Impact。另外，我不想将此字体更改绑定到编辑器的 Keydown 或 Keyup 事件，因为它会影响编辑器的性能。

Answer 1

您可以通过编辑器message配置设置字体继承名称

样本

$("#editor").kendoEditor({
    messages: {
        fontNameInherit: "Impact"
    }
});

Answer 2

找到解决方案...像这样在编辑器的 keydown 事件中设置默认字体，

keydown: function (e) { if (this.getRange().startOffset == 0 &&this.getRange).endOffset == 0 && this.encodedValue().localeCompare('')== 0) { this.exec("fontName", { value: 'Impact' }); } }

因为每次按键都会有一个循环来测试条件，从而影响编辑器的性能。这是一个不完整的解决方案，但有效:)

将默认字体设置为 Kendo UI 编辑器

Setting Default font to Kendo UI Editor

javascript

editor

kendo-ui