SortableJS/Sortable

SortableJS not working in CKEditor

Open

#1,562 创建于 2019年7月8日

在 GitHub 查看
 (5 评论) (0 反应) (0 负责人)JavaScript (3,731 fork)batch import
help wanted

仓库指标

Star
 (30,389 star)
PR 合并指标
 (30 天内没有已合并 PR)

描述

Problem:

Hello, great plugin, but:

SortableJS does not work inside a CKEditor. :(

We have spent days trying to make it work, with no success. SorableJS simply does not work inside the CKEditor. We are using CKEditor 4. We have tried various approaches, including writing our own plugin for CKEditor that uses SortableJS, but nothing worked so far.

At the same time, jQuery UI works fine inside the CKEditor.

I am providing the JSFiddle example below, with SortableJS working outside the CKEditor, and not working inside, also with equivalent examples with jQuery UI that work.

JSBin/JSFiddle demonstrating the problem:

https://jsfiddle.net/BoldizArt/eqg30vd4/71/

贡献者指南

研究方向
使用提供的 JSFiddle（https://jsfiddle.net/BoldizArt/eqg30vd4/71/）复现该 bug，该示例展示了 SortableJS 在 CKEditor 4 内部无法工作，而 jQuery UI 可以正常工作。研究 CKEditor 的 contenteditable iframe 或元素如何隔离或拦截拖拽事件。比较在该上下文中 SortableJS 与 jQuery UI 的事件流。检查 SortableJS 的源代码（特别是 onStart 和 onEnd 处理程序）及其与 contenteditable 元素相关的选项。查阅 SortableJS 仓库中现有的 issue 和讨论，寻找类似的 CKEditor 问题。重点理解为何 SortableJS 在 CKEditor 实例内无法初始化或响应拖拽手势。
技术栈
javascript
领域
frontend
议题类型
缺陷
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-2 天
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
活跃
清晰度议题是否清楚说明期望改动、验收标准和下一步。
清晰
前置要求
JavaScriptCKEditor
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
30