2013-06-05 75 views
0

我有這個網站:如何使tinymce textarea編輯器可放置?

<ul id="some_words"> 
    <li>Word 1</li> 
    <li>Word 2</li> 
    <li>Word 3</li> 
</ul> 

我做了這些話(字詞;字詞2; WORD3)draggable本:

$( 「#some_words李」)拖動({幫手:「克隆'});

而爲了讓droppable文本字段我做:

$( 「#我-text_field」)可放開({ 接受: 「#some_words禮」, 降:功能(EV,UI ){ alert('fired'); // } });

還有一個<textarea>其中的TinyMCE(編輯)進行塗布,怎麼會是這樣TinyMCE的是droppable像我一樣的文本字段。

現在,當我嘗試將任何單詞放入文本字​​段時,它會顯示警告框,但當試圖將其放入tinyMCE(textarea)中時,則不會發生任何情況。

如果有人知道如何使'TinyMCE'可放下?

感謝

回答

0

TinyMCE的隱藏textarea的,只是旁邊創建一個iframe。所以你必須得到你想要的iframe的元素。

基本上,你可以用它達到:

$('#my-textarea') 
    .next('span.mceEditor') 
    .find('iframe') 
    .contents() 
    .find('.mceContentBody') 

(與檢查員在TinyMCE demo發現jQuery的)

請務必先加載TinyMCE的,那麼你可以申請你可棄。

相關問題