036.xhtml (729B)
1 <?xml version="1.0" encoding="utf-8"?> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>Dragging multiline text selection from textarea to contenteditable element</title> 5 <style type="text/css"> 6 div[contenteditable] 7 {width:300px; 8 height:100px; 9 margin-top:20px; 10 padding:10px; 11 color:white; 12 background-color:navy;} 13 textarea 14 {width:300px; 15 height:100px;} 16 </style> 17 </head> 18 <body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(24,58)"> 19 <p> 20 <textarea> 21 Here is textarea with selection 22 that spans 23 three lines. Drag selected text to the blue box. 24 Selected text should be moved to the blue box once you drop it there. 25 </textarea> 26 </p> 27 <div contenteditable="true"/> 28 </body> 29 </html>