Re: [問題] jquery drag&drop 在drop後refresh div

[darkk6 (Mr. Pan)]

※ 引述《taurus510 (ciao!)》之銘言：
: 版上大大好
: 最近再做一個練習，我將網路上提供的jquery文字編輯器
: 請參考sample: http://jsfiddle.net/chao/yUfYs/
: jHtmlArea http://jhtmlarea.codeplex.com/
: 用一層div包住，賦予drag方法
: (ps 我用的是 easyui)
: 另外版面上有一個<div id=droptarget>的區塊用來放置被拖曳的東西，
: 可是當我拖曳文字編輯器進去 droptarget後，
: 文字編輯器本身的功能都無法使用，連打字的區塊都不行。
: 我知道網頁的元件是一開始就載入好，所以可能導致我想要的效果無法實現。
: (因為編輯器本身有引入外部js檔，drop時)
: 所以才會思考看看再drop時，refresh包住編輯器的方法，
: 這只是我的一個思路。
: 想請問版上各位高手有什麼idea可以供敝人參考嗎?


沒有時間摸，不過我稍微瞄了一下

jHtmlArea 會把原本的 textarea 隱藏起來，並新增一些東西進去
所以新的 textarea 基本上應該是沒作用了
取而代之的是一個 iframe


所以可以試試看：

onDrop 事件裡面，裡用 $(source).find("iframe").html()
取出目前內容，接這建立一個新的 textarea 放到目的地，
接著在將這個新的 textarea 變成 jHtmlArea


不過這只是想法，還沒實測可行性，可以試試看。



--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 122.123.82.7
推 taurus510:還沒try出來，但是先謝謝你!
推 taurus510:看起來是iframe裡頭的head和body的問題
→ taurus510:文字部分是放置在body裡頭@@
推 taurus510:$(source).find("iframe").html('<textarea>...')
推 taurus510:$(source).find(ifram)這樣好像會取代原本jHtmlArea