Preset the fontsize and boldness

[Ewgenij]

I want the text in the editor to be initially of a specified font size and bold. How can I achieve that?

[Hetali]

Hello Ewgenij,

In order to preset the font-size and the font-weight of the Kendo UI Editor content, take the took at the Style encapsulation article. By setting the iframe property to false, use the following CSS snippet:

.k-editor-content {
  font-weight: bold;
  font-size: 10px;
}

In this StackBlitz example, I have preset the font of the Editor content. Please make sure to set the encapsulation to ViewEncapsulation.None to set the style locally.

I hope this helps. Let me know if I can further assist you.

Regards,
Hetali
Progress Telerik

[Ewgenij]

Hello, thank you for your advice. However, if I do it like that the fontsize and boldness are not stored in the model. I get the required fontsize and boldness in the editor view only, not in the result at the end. So, it's a violation of What-You-See-Is-What-You-Get. I see not the same thing I get as output.

What I wanted to have was that the text is also stored in the model in the selected fontsize and boldness. Is that possible?