1

我对 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);

                }

            });

为了调整大小,我使用了 CSS:

       .isResizable {
        background: rgba(255, 0, 0, 0.2);
        border: 1px solid black;
        overflow: hidden;
        resize: both;
        width: 160px;
        height: 120px;
    }

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

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

任何其他解决方案将不胜感激,因为我的头现在因为把它从墙上撞下来而感到疼痛。

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

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

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

Draggable true 出现在新 div 中,但未插入 ondragstart 部分 - 所以没有用。

想通了,不需要 jQuery 我只是忘记在 css..duhhhh 中将 div 位置设为绝对值!!

4

0 回答 0