可移动的内联工具栏

Question

我正在制作一个目前公开关闭的演示文稿编辑器，它使用CKE进行WYSIWYG内容操作。

我们多次收到相同的反馈票据 - 编辑器工具栏有时会阻碍附近的元素，因此会干扰预览，如果工具栏可以完全拖拽，那就太棒了。

有没有办法让CKEditor的4.x inline toolbar可拖动/可移动？

Answer 1

您可以尝试使用shared spaces插件将工具栏放入所选容器中，然后将一些D＆amp; D处理程序添加到该容器中。

Answer 2

CKeditor使用JQuery和JQueryUI提供以下解决方案：

CKEDITOR.on( 'instanceReady', function( ev ) {
        $(".cke").draggable();
});

如果您不想使用JQuery UI，可以使用drags "plugin" from css-tricks.com

代码：

CKEDITOR.on( 'instanceReady', function( ev ) {
        $(".cke").drags();
});