如何使timymce文本区域编辑器可拉

How to make tinymce textarea editor droppable?

本文关键字：编辑器 区域 文本 何使 timymce      更新时间：2023-09-26

我有这个html:

 <ul id="some_words">
   <li>Word 1</li>
   <li>Word 2</li>
   <li>Word 3</li>
 </ul>

我造了这些字(word1;word2;word3) draggable by this

$("# some_words李")。可拖放({助手:"克隆"});

为使droppable成为textfield，我这样做:

$ (" # my-text_field ") .droppable ({接受:"#some_words li"删除:function(ev, ui) {警报("解雇");//}});

还有一个<textarea>，其中TinyMCE(编辑器)被应用，所以这个TinyMCE怎么能成为droppable，因为我为文本字段所做的。

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

如果有人知道如何使' timymce '可掉落?

谢谢

TinyMCE隐藏文本区域以在其旁边创建iframe。所以你必须让你想要掉落的iframe的元素。

基本上，你可以用:

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

(在jquery的TinyMCE演示中找到)

确保你先加载了TinyMCE，然后你才能应用你的dropable。

相关文章：