如何使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，然后才能应用可放置对象。