如何使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文字字段，我做了：

  

$（ “＃我-text_field”）。可放开（{           接受：“＃some_words li”，           drop：function（ev，ui）{               警报（ '解雇'）; //           }       }）;

还有一个<textarea>应用了TinyMCE（编辑器），所以这个Tinymce如何droppable和文本字段一样。

现在，当我尝试将任何单词放入文本字​​段时，它会显示警告框，但是当尝试将其放入tinyMCE（textarea）时，则没有任何反应。

如果有人知道如何让'TinyMCE'掉线？

由于

Answer 1

TinyMCE隐藏textarea以在其旁边创建一个iframe。所以你必须获得你想要的iframe元素。

基本上，您可以通过以下方式与其联系：

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

（在TinyMCE demo上的检查员找到了jquery）

确保先加载TinyMCE，然后才能应用您的droppable。