SortableJS/Sortable

SortableJS not working in CKEditor

Open

#1.562 aberto em 8 de jul. de 2019

Ver no GitHub
 (5 comments) (0 reactions) (0 assignees)JavaScript (3.731 forks)batch import
help wanted

Métricas do repositório

Stars
 (30.389 stars)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

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/

Guia do colaborador

Direção de pesquisa
Reproduzir o bug usando o JSFiddle fornecido (https://jsfiddle.net/BoldizArt/eqg30vd4/71/) que demonstra o SortableJS não funcionando dentro do CKEditor 4 enquanto o jQuery UI funciona. Investigar como o iframe ou elemento contenteditable do CKEditor isola ou intercepta eventos de arrastar. Comparar o fluxo de eventos entre o SortableJS e o jQuery UI nesse contexto. Examinar o código fonte do SortableJS (especialmente os manipuladores onStart e onEnd) e suas opções relacionadas a elementos contenteditable. Verificar issues e discussões existentes no repositório do SortableJS para problemas semelhantes com o CKEditor. Focar em entender por que o SortableJS falha ao inicializar ou responder a gestos de arrastar dentro da instância do CKEditor.
Pilha de tecnologia
javascript
Domain
frontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-2 dias
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
JavaScriptCKEditor
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
30