facebookarchive/draft-js

Out of sync selectionState within decorator strategy

Open

#484 aperta il 23 giu 2016

Vedi su GitHub
 (4 commenti) (1 reazione) (0 assegnatari)JavaScript (2646 fork)batch import
help wantedquestion

Metriche repository

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

Descrizione

It would be nice for developers to be able to get the selectionState within a decorator strategy. When trying to do this with this.state.editorState.getSelection() inside of the decorator, the data seems to be out of sync.

Try creating a decorator with this strategy

strategy: (contentBlock, callback) =>  {
     const editorStateText = this.state.editorState.getCurrentContent().getPlainText();
     const contentBlockText = contentBlock.getText();

     console.log(editorStateText);
     console.log(contentBlockText);

     //...
},

You will notice that contentBlockText will be one character(or keystroke) ahead of editorStateText when typing.

Does getting an up-to-date selectionState within the decorator strategy seem like a good idea?

Guida contributor

Direzione di ricerca
Il problema descrive una mancata corrispondenza tra lo selectionState ottenuto all'interno di una strategia decoratore e lo stato effettivo. Indaga il codice sorgente di Draft.js per l'implementazione della strategia decoratore, probabilmente in src/component/decorators/. Il problema potrebbe essere che la strategia riceve un'istantanea dell'editorState piuttosto che quello corrente. Una possibile soluzione è passare l'editorState più recente o fornire una callback. Poiché il repository è archiviato, considera di fare un fork del progetto o esplorare editor di testo alternativi come Slate o Lexical.
Tech stack
javascriptreact
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-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Datata
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
React
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70