CODEWITHSUNDEEP
javascriptjquerykendo-ui
Christian Ziebarth
Christian Ziebarth

Reputation: 753

Preserve IFRAME content on drag with Kendo

The following is my older message from another question:

On my current project I am implementing the jHtmlArea WYSIWYG plugin on some TEXTAREA's that are in rows that are draggable and sortable. The only problem is that once you begin dragging them they lose all the data that was in the IFRAME that the plugin masks over the associated TEXTAREA. jQuery's .clone feature is being used but on its own it doesn't carry all the data over with it and even setting it to .clone(true) or .clone(true, true) does not preserve the data on drag....

This question has gone entirely unanswered. Now I am trying to achieve the desired effect with the Kendo RadEditor (on a suggestion from somebody else on the project that using Kendo might make it work) but it doesn't seem much better. I wasn't able to put this example into a fiddle, bin or pen:

http://www.cmzmedia.com/kendo/examples/web/editor/all-tools.html

Upvotes: 0

Views: 416

Answers (1)

Atanas Korchev
Atanas Korchev

Reputation: 30661

I tried reproducing this in a simple jsbin demo to no avail. Drag and drop seems to work without losing the content. The code I've used was this:

  <textarea class="editor" style="width: 400px">Editable Content</textarea>

  <textarea class="editor" style="width: 400px">Editable Content</textarea>

  <textarea class="editor" style="width: 400px">Editable Content</textarea>

  <textarea class="editor" style="width: 400px">Editable Content</textarea>

  <script>
     $(".editor").kendoEditor().closest(".k-widget").draggable();
  </script>

Upvotes: 1

Related Questions