034.xhtml (968B)
1 <?xml version="1.0" encoding="utf-8"?> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>Cross fragment drag and drop of SVG text selection from textArea to editable text element</title> 5 <style type="text/css"> 6 textarea 7 {width:300px; 8 height:100px;} 9 </style> 10 </head> 11 <body> 12 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="500px" height="100px" viewBox="0 0 500 100"> 13 <textArea x="10" y="10" width="480" height="90" font-size="20">Select me.</textArea> 14 </svg> 15 <p>Drag selection above to the textarea below. Copy of selection should end up in the textarea once you drop it there.</p> 16 <svg xmlns="http://www.w3.org/2000/svg" version="1.2" width="500px" height="300px" viewBox="0 0 500 300"> 17 <textArea x="10" y="10" width="480" height="280" font-size="20" editable="simple" pointer-events="boundingBox">Drop selection here</textArea> 18 <rect x="10" y="10" width="480" height="280" stroke="black" stroke-width="1" fill="none"/> 19 </svg> 20 </body> 21 </html>