javascript - 如何使 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({ accept: "#some_words li", drop: function(ev, ui) { alert('fired');// } });

还有一个<textarea>应用 TinyMCE（编辑器）的地方，所以这个 Tinymce 怎么能droppable像我对文本字段所做的那样。

现在，当我尝试将任何单词放入文本字​​段时，它会显示警告框，但是当尝试将其放入 tinyMCE (textarea) 时，什么也没有发生。

如果有人知道如何使“TinyMCE”可丢弃？

谢谢

Answer 1

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

基本上，您可以通过以下方式达到它：

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

（在jquery的TinyMCE 演示中与检查员一起找到）

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