SortableJS/Sortable

SortableJS not working in CKEditor

Open

#1.562 geöffnet am 8. Juli 2019

Auf GitHub ansehen
 (5 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (3.731 Forks)batch import
help wanted

Repository-Metriken

Stars
 (30.389 Stars)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

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/

Contributor Guide

Research-Richtung
Reproduzieren Sie den Fehler mit dem bereitgestellten JSFiddle (https://jsfiddle.net/BoldizArt/eqg30vd4/71/), das zeigt, dass SortableJS innerhalb von CKEditor 4 nicht funktioniert, während jQuery UI funktioniert. Untersuchen Sie, wie das contenteditable iframe oder Element von CKEditor Drag Ereignisse isoliert oder abfängt. Vergleichen Sie den Ereignisfluss zwischen SortableJS und jQuery UI in diesem Kontext. Untersuchen Sie den Quellcode von SortableJS (insbesondere die onStart und onEnd Handler) und seine Optionen im Zusammenhang mit contenteditable Elementen. Überprüfen Sie vorhandene Issues und Diskussionen im SortableJS Repository auf ähnliche CKEditor Probleme. Konzentrieren Sie sich darauf, zu verstehen, warum SortableJS innerhalb der CKEditor Instanz nicht initialisiert wird oder auf Drag Gesten reagiert.
Tech Stack
javascript
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-2 Tage
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
JavaScriptCKEditor
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
30