Kendo Editor - How to handle line-height

[Suresh]

I'm using Kendo Editor content to generate PDF. The PDF looks awkward because of line-height. 

How to handle line-height in Editor?

[Dimo]

Hello Suresh,

You can inject stylesheets inside the Editor like this:

http://demos.telerik.com/kendo-ui/editor/styles

There is no requirement to use a custom "Formatting" tool in the Editor toolbar in this case.

If the Editor is in "inline mode", you don't even need the above approach, because the editable content is on the main page, and not in an iframe.

Regards,
Dimo
Telerik

 

 

[Suresh]

Can we inject style tag instead of class? There reason is PDF's with css styles steets are hard. 

[Dimo]

Hello Suresh,

I am afraid you can't inject <style> tags inside the Editor. The external stylesheets inside the Editor iframe are registered with <link> tags. You can use any CSS rules inside these stylesheets and you are not required to use custom CSS classes. If this will not work for you, then you can apply inline styles to DOM elements inside the Editor's body before exporting, using standard Javascript DOM manipulation techniques. The container element of the Editor's content is:

http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#fields-body

Regards,
Dimo
Telerik