SortableJS/Sortable

SortableJS not working in CKEditor

Open

#1562 aperta il 8 lug 2019

Vedi su GitHub
 (5 commenti) (0 reazioni) (0 assegnatari)JavaScript (3731 fork)batch import
help wanted

Metriche repository

Star
 (30.389 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

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/

Guida contributor

Direzione di ricerca
Riprodurre il bug utilizzando il JSFiddle fornito (https://jsfiddle.net/BoldizArt/eqg30vd4/71/) che dimostra che SortableJS non funziona all'interno di CKEditor 4 mentre jQuery UI funziona. Indagare come l'iframe o l'elemento contenteditable di CKEditor isola o intercetta gli eventi di trascinamento. Confrontare il flusso degli eventi tra SortableJS e jQuery UI in quel contesto. Esaminare il codice sorgente di SortableJS (in particolare i gestori onStart e onEnd) e le sue opzioni relative agli elementi contenteditable. Controllare le issue e le discussioni esistenti nel repository di SortableJS per problemi simili con CKEditor. Concentrarsi sul capire perché SortableJS non riesce a inizializzare o rispondere ai gesti di trascinamento all'interno dell'istanza di CKEditor.
Tech stack
javascript
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-2 giorni
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
JavaScriptCKEditor
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
30