可移动的内联工具栏

Question

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

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

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

Answer 1

您可以尝试使用shared spaces插件将工具栏放入选定的容器中，然后向该容器添加一些D&D处理程序。

Answer 2

使用JQuery和JQueryUI的CKeditor可能有以下解决方案：

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

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

代码：

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