SortableJS/Sortable

SortableJS not working in CKEditor

Open

#1 562 ouverte le 8 juil. 2019

Voir sur GitHub
 (5 commentaires) (0 réactions) (0 assignés)JavaScript (3 731 forks)batch import
help wanted

Métriques du dépôt

Stars
 (30 389 stars)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

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/

Guide contributeur

Direction de recherche
Reproduire le bug en utilisant le JSFiddle fourni (https://jsfiddle.net/BoldizArt/eqg30vd4/71/) qui démontre que SortableJS ne fonctionne pas à l'intérieur de CKEditor 4 alors que jQuery UI fonctionne. Étudier comment l'iframe ou l'élément contenteditable de CKEditor isole ou intercepte les événements de glisser déposer. Comparer le flux d'événements entre SortableJS et jQuery UI dans ce contexte. Examiner le code source de SortableJS (en particulier les gestionnaires onStart et onEnd) et ses options liées aux éléments contenteditable. Vérifier les issues et discussions existantes dans le dépôt SortableJS pour des problèmes similaires avec CKEditor. Se concentrer sur la compréhension de pourquoi SortableJS échoue à s'initialiser ou à répondre aux gestes de glisser déposer à l'intérieur de l'instance CKEditor.
Stack technique
javascript
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-2 jours
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
JavaScriptCKEditor
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
30