lets say in my Angular app I want to put an editor in my page, This is easily done with
<textarea kendo-editor id="editor" k-ng-model="myhtml"></textarea>
In this example the editor is initialized and works as it should.
Now I'm going to create a directive which is called myEditor because based on my app I want to use it more often and the amount per page can differ.
<textarea id="editor" my-editor></textarea> would be the tag in my app with the corresponding directive which has the kendo-editor as a template:
angular.module('mymodule', [])
.directive('myEditor', function() {
return {
template: '<textarea id="editor" kendo-editor></texarea>'
};
});
When running this very simpel code the directive will run but the KendoEditor will not initialize as the timeout has been removed as stated by Telerik support:
>>> For Q2 2015 we removed a timeout, which was used in the Kendo UI widgets' initialization in Angular scenarios. This timeout is normally not necessary, however, in your case it allowed the Editor to be initialized correctly. Now that the timeout has been removed, the problem is that the Kendo UI Editor is created while the widget's markup is outside the DOM. If the widget markup is outside the DOM, then the iframe will be outside the DOM too. <<<
So my question is: how can I get the custom directive to work using the KendoEditor.
furthermore: even not using the angular KendoEditor directive but creating it from JQuery will fail:
$(element).kendoEditor();