Editor Font Help

[Andrew]

I am using  kendo editor as so:

@(Html.Kendo().EditorFor(m => m.Interests)
        .Name("txtInterests")
        .Tag("div") -- inline mode I have also tried as an iframe
        .Tools(t => t.Clear())
        .HtmlAttributes(new { style = "width:100%; height: 400px" })
        )

i want to either set the font that is used in the editor or have it use the font from the page. The use will not be able to change it.

I tried inline mode and that did pick up the page font, but every time i click into the editable area a tool bar pops up and i do not want to see the toolbar.

I don't really care if i use inline or iframe i just want to be able to control the font-family and font-size of the editor but inheriting the page or setting them in code

any help would be great.

Thanks,

 

 

 

 

 

 

 

[Rumen]

Hello,

You can permanently hide the inline editor toolbar using the following CSS class:

.k-widget.k-window.k-window-titleless.k-editor-widget
{
                display: none !important;
}

Here is a sample Dojo project: http://dojo.telerik.com/@RumenJ/oYoto


Best regards,
Rumen
Telerik by Progress

 

 

[John]

I don't see the inline editor toolbar using k-editor-widget. When I remove that from the class hierarchy above, then the toolbar disappears.

[Rumen]

Hello John,

I'm not sure that I understand the problem. Can you please explain it in more detail? Are you able to reproduce it in the live demos? Can you record a video or provide screenshots demonstrating the current and the desired behavior?

Thank you!

Regards,
Rumen
Telerik by Progress

[John]

What I mean is that you said this CSS should make the toolbar disappear.

.k-widget.k-window.k-window-titleless.k-editor-widget
{
                display: none !important;
}

That didn't work for me. However, when I examined the CSS classes on the toolbar (using F12 in IE11), I do not see k-editor-widget but I do see the other classes. So, I tried this CSS and the toolbar disappears.

.k-widget.k-window.k-window-titleless

{
                display: none !important;
}

 

[Rumen]

Thank you for the clarification.

I assume that everything is fine now and your request is satisfied.

 

Best regards,
Rumen
Telerik by Progress