Javascript 如何使tinymce textarea编辑器可拖放?

Javascript 如何使tinymce textarea编辑器可拖放?,javascript,jquery,Javascript,Jquery,我有这个html: <ul id="some_words"> <li>Word 1</li> <li>Word 2</li> <li>Word 3</li> </ul> 单词1 单词2 单词3 我通过以下方式使这些单词(word1;word2;word3)draggable: $(“#一些单词li”).draggable({helper:'clone'}) 为了使文本字段

我有这个html:

 <ul id="some_words">
   <li>Word 1</li>
   <li>Word 2</li>
   <li>Word 3</li>
 </ul>
  • 单词1
  • 单词2
  • 单词3
我通过以下方式使这些单词(word1;word2;word3)
draggable

$(“#一些单词li”).draggable({helper:'clone'})

为了使
文本字段可拖放,我做了以下操作:

$(“#我的文本_字段”)。可拖放({ 接受:“#一些#字李”, 下拉:功能(ev、ui){ 警报(“开火”)// } });

还有一个应用了TinyMCE(编辑器)的
,因此该TinyMCE如何像我对文本字段所做的那样可以
拖放

现在,当我尝试将任何单词放入文本字段时,它会显示警告框,但当尝试将其放入文本区域时,则不会发生任何事情

如果有人知道如何使“TinyMCE”可放下


谢谢

TinyMCE将文本区域隐藏起来,以便在其旁边创建一个iframe。所以你必须得到你想要的可拖放的iframe元素

基本上,您可以通过以下方式实现:

$('#my-textarea')
    .next('span.mceEditor')
    .find('iframe')
    .contents()
    .find('.mceContentBody')
(在jquery的检查器上找到)

确保先加载TinyMCE,然后才能应用可拖放功能