在Tinymce中使用jQuery——特别是添加一个按钮，以使div可以拖动

我对jQuery和tinymce都是新手——已经搞乱它一周左右了

我已经启动了tinymce的jQuery版本-如果我错了，请纠正我-我假设这将允许我在编辑器实例本身中使用jQuery-正确吗

我使用tinymce实例通过名为content的div标记覆盖整个页面

我在tinymce实例中添加了一个按钮，允许我在编辑器中添加一个可调整大小的div，因此：

   setup :    function(ed) {
            ed.addButton('mybutton', {
                title : 'My button',
                image : 'img/example.gif',
                onclick : function() {
                    var aHtml = 
                        '<div class="isResizable">hello'+  
                        '</div>';
                    tinyMCE.activeEditor.focus();
                    tinyMCE.activeEditor.execCommand('mceInsertContent', false, aHtml);

                }

            });

我现在正试图找到一种方法，使新插入的div元素可以拖动。是否有人知道如何通过向tinymce实例添加一个新按钮来实现这一点，该按钮将禁用其可编辑状态并启用可拖动状态

我可以将jquery功能添加到tinymce初始化中创建的新按钮中吗

任何其他的解决方案都将不胜感激，因为我的头现在因为撞到墙上而酸痛

我将使用按钮创建的div更改为：

<div id ="cheese" class="isResizable" draggable="true" ondragstart="drag(event)">hello</div>

你好 并包含用于在页面上拖放的javascript函数

Draggable true出现在新的div中，但是ondragstart部分没有插入-所以这没有用

我明白了，不需要jQuery，我只是忘记了在css中使div位置绝对化..duhhh

<div id ="cheese" class="isResizable" draggable="true" ondragstart="drag(event)">hello</div>