TinyMCE 和拖拽冲突问题

Question

我的页面内容如下

问题是我用draggabilly拖move-line的时候，向左拖是可以的，但是向右拖的时候，在tinymce编译器所在的区域就不行了.我该如何解决这个问题？

    <style>
        html,
        body {
            margin: 0;
            padding: 0;
            height: 100%;
            width: 100%;
        }

        .all-warp {
            display: flex;
            flex-direction: row;
            width: 100%;
            height: 100%;

        }

        .left {
            width: 200px;
            background-color: burlywood;
        }
        .move-line {
            width: 4px;
            background-color: crimson;
            cursor:e-resize;
        }
        .editor-warp {
            flex-grow: 2;
        }
    </style>


<body>
    <div class="all-warp">
        <div class="left"></div>
        <div class="move-line"></div>
        <div class="editor-warp">
            <textarea id="editor"></textarea>
        </div>
    </div>
    <script>
        $(document).ready(function () {
            var $draggable = $('.move-line').draggabilly({
                axis: 'x',
                containment: '.all-warp'
            })
        });
        tinymce.init({
            selector: '#editor',
            menubar: false,
            statusbar: false,
            resize: false,
            height:500,
        });
    </script>
</body>

</html>

Answer 1

没有看到实际的运行代码我不能肯定地说但我怀疑这是因为 TinyMCE 编辑区域本身是一个 iframe？如果将 TinyMCE 替换为常规 iframe，您的拖动代码是否有效？如果不是，那就是你的问题了。

TinyMCE 和拖拽冲突问题

TinyMCE and Drag Conflict Issues

html

css

tinymce

tinymce-4