The use of "Kendo Controls in the content editor

[Alexey Shkuro]

Hello.

I want to insert one of Kendo Controls in the content editor.
For Example, DatePicker
I use the following code:

var editor = $("#editor").data("kendoEditor");
var elementHtml = "<input id='dtp' />";
editor.exec("inserthtml", { value: elementHtml });

Then executes the code for the DatePicker:

var dtp = $(editor.body).find("[id='dtp']");
dtp.kendoDatePicker({ animation: false });

But only displays the input field itself DatePicker is not loaded.

Tell me, what is wrong.

Thanks in advance.
Regards,
Alexey.

P.S. If I use the insert simple elements (like a button or a text box), everything is displayed correctly.

[Alex Gyoshev]

Hello Alexey,

I'm afraid that this scenario is not officially supported and may yield strange behavior in either the editor or the inserted widgets. If you decide to proceed, make sure that you include the widget CSS within the editor iframe via the stylesheets configuration option.

Regards,
Alex Gyoshev
Telerik