javascript - 可移动的内联工具栏

Question

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

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

有没有办法让 CKEditor 的 4.x内联工具栏可拖动/移动？

Answer 1

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

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

如果你不想使用 JQuery UI，你可以使用来自 css-tricks.com 的拖拽“插件”

代码：

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

Answer 2

您可以尝试使用共享空间插件将工具栏放入所选容器中，然后将一些 D&D 处理程序添加到该容器。