2015-06-02 27 views
7

Sto cercando i metodi di gestione degli elementi di contenteditable come componenti React.React.JS - Gestisci il contenuto di div di contenteditable come componenti React

L'esplorazione della fonte di Facebook tramite l'estensione React DevTools rivela che hanno scritto un editor di commenti contenteditable che sembra essere completamente gestito da React.

enter image description here

Si può vedere nella struttura di componenti che l'aggiornamento del conteneditable innesca aggiornamenti di componenti albero che sono figli di contenteditable.

+0

Non è chiaro che cosa il vostro questione di programmazione è. È troppo ampio chiedere a qualcuno di spiegare come creare un editor complesso. – WiredPrairie

+1

Coloro che hanno familiarità con React, dovrebbero conoscere le difficoltà relative alla gestione di uno stato affidabile di elemento contentediatble pur fornendo un'esperienza utente fluida. Non sto chiedendo come creare un editor complesso, ce ne sono molti; Sto piuttosto chiedendo come gestire lo stato dell'elemento contenteditable come componenti di React. – Max

+2

Facebook ha probabilmente investito innumerevoli ore per rendere il controllo altrettanto semplice. Probabilmente potresti ri-implementarlo, ma contare su molto lavoro. Gli elementi Contenteditable sono notoriamente guidati da astuti casi limite e problemi di compatibilità del browser. Probabilmente il loro componente non è aperto e non potrebbe essere - è probabilmente troppo profondamente integrato con il resto del loro sistema. –

risposta

2

aggiornamento:

Facebook ha rilasciato progetto-js che è destinato per la costruzione di editor di testo con reagire. https://github.com/facebook/draft-js

risposta originale, che è ormai superata:

Vai avanti, non c'è niente di speciale per questo.

Ecco alcuni esempi:

+1

Il link in alto dà un 404. Dovrebbe essere https://github.com/lovasoa/react-contenteditable –