Javascript 如何使tinymce textarea编辑器可拖放?
我有这个html: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'}) 为了使文本字段
<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,然后才能应用可拖放功能