如何使tinymce textarea編輯器可放置？

Question

我有這個HTML：

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

我通過以下操作使這些單詞（word1; word2; word3） draggable ：

$（“＃some_words li”）。draggable（{helper：'clone'}）;;

為了創建droppable文本字段，我做了以下操作：

$（“＃my-text_field”）。droppable（{接受：“ #some_words li”，drop：function（ev，ui）{alert（'fired'）; //}}））;

還有一個<textarea> ，其中應用了TinyMCE（編輯器），因此該Tinymce如何像我在文本字段中所做的那樣droppable被拖放。

現在，當我嘗試將任何單詞放入文本字​​段時，它會顯示警告框，但是當嘗試將其放入tinyMCE（文本區域）時，則什么也沒有發生。

是否有人知道如何使“ TinyMCE”可滴液？

謝謝

Answer 1

TinyMCE隱藏文本區域以在其旁邊創建iframe。 因此，您必須獲取要拖放的iframe元素。

基本上，您可以通過：

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

（在TinyMCE演示 jquery中與檢查器一起找到）

確保先加載TinyMCE，然后才能應用可放置對象。