This is a migrated thread and some comments may be shown as answers.

Inject css into editor

3 Answers 387 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Piotr Jarocki
Top achievements
Rank 1
Piotr Jarocki asked on 02 Mar 2012, 12:45 PM
is there a way to inject custom css into editor?
for example i want to change <p> margin and padding inside editor

3 Answers, 1 is accepted

Sort by
0
Accepted
Alex Gyoshev
Telerik team
answered on 05 Mar 2012, 10:33 AM
Hello Piotr,

There is a way, but it wasn't documented yet -- use the stylesheets configuration option.

$("#EditorWithStyleSheets").kendoEditor({
    stylesheets: [
        "kendo.common.css",
        "kendo.theme.css"
    ]
});


Regards,
Alex Gyoshev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Piotr Jarocki
Top achievements
Rank 1
answered on 05 Mar 2012, 11:03 AM
thanks its working like a charm ;)
but i have second problem with height of editor, mine textarea has 100% width and 100% height, and its working fine on chrome, but on safari the editor is 46px height is there a way to fill 100% of its parent? (Editor is inside <td>)
0
Alex Gyoshev
Telerik team
answered on 06 Mar 2012, 08:11 AM
Hello Piotr,

You can set the editor wrapper height like this:

.k-editor {
    height: 100%;
}


This should solve the layout problem.

Greetings,
Alex Gyoshev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Editor
Asked by
Piotr Jarocki
Top achievements
Rank 1
Answers by
Alex Gyoshev
Telerik team
Piotr Jarocki
Top achievements
Rank 1
Share this question
or