Default Font Select Value Instead Of "inherited font".

[Ralph]

I'm using the kendo editor tool for a rich text editor, and I want to change the default font family. No matter what I do (I've tried accessing the HTML element by jQuery and DOM selectors and change its value), the selected font stays "inherited font" option, what should I do? (Same goes for "inherited size", for the font size)

[Zornitsa]

Hello Ralph,

The described behavior you are experiencing is expected, since the value of the fontSize and fontName tools of the Editor depend on the selected text from the content area. The inherited values represent an absence of a specifically defined value for a selected element.

Therefore, (inherited font) and (inherited size) are the default values of the corresponding tools because they are inherited from the respective selected body element, i.e. they are not defined by an external value.

In order to display different default values for the fontSize and fontName tools, I would suggest using the exec method of the Editor component:

var editor = $("#editor").data("kendoEditor");

editor.exec("fontName", {value:'Arial'});
editor.exec("fontSize", {value:'15px'});

However, as you might notice, the chosen default values still would not be explicitly applied to the text.

Below you can find a simple Dojo example, in which you can observe the suggested approach:

• https://dojo.telerik.com/ewaYUBUk 

If further questions arise, please let me know.

Regards,
Zornitsa
Progress Telerik