Kendo编辑器-对动态生成的HTML元素的Javascript函数调用

Question

I have Kendo Editor implemented in my website. Now I want to add events on dynamically generated DOM elements in kendo editor (eg. Click event on image). So how can I do that??

Basically I want to do it for making image resizable and draggable by jquery-ui inside kendo-editor

Answer 1

You can do that only if your editor is initialized from a contentEditable element:

<div id="editor" contentEditable>
    Logo
    <img src="http://www.google.bg/images/srpr/logo4w.png" width=100>    
</div>
<script>
$("#editor").kendoEditor();

$("#editor img").draggable({
  containment: "parent"
});
</script>

Here is a live demo: http://jsbin.com/ELuhObe/1/edit