2015-06-02 4 views
7

Ich bin auf der Suche nach Methoden zur Verwaltung von Elementen von contenteditable als React-Komponenten.React.JS - Inhalt von contentedable Div als React Komponenten verwalten

Exploring Facebook-Quelle über React DevTools Erweiterung zeigt, dass sie einen contenteditable Kommentareditor geschrieben, der von React vollständig verwaltet werden scheint.

enter image description here

Sie können in den Komponenten Baum sehen, der die conteneditable Aktualisierung Updates zu Komponenten Baum auslöst, die Kinder von contenteditable sind.

+0

Es ist nicht klar, was Ihre Programmierung Frage. Es ist zu weit gefasst, um jemanden zu fragen, wie man einen komplexen Editor erstellt. – WiredPrairie

+1

Diejenigen, die mit React vertraut sind, sollten über die Schwierigkeiten im Umgang mit einem zuverlässigen Zustand des zufrieden stellenden Elements Bescheid wissen und gleichzeitig eine reibungslose Benutzererfahrung bieten. Ich frage nicht, wie man einen komplexen Editor erstellt, es gibt viele davon; Ich frage eher nach Wegen, um den Zustand des zufriedenen Elements als React-Komponenten zu verwalten. – Max

+2

Facebook hat wahrscheinlich unzählige Stunden damit verbracht, diese Kontrolle so reibungslos wie möglich zu machen. Sie könnten es wahrscheinlich neu implementieren, aber rechnen Sie mit viel Arbeit. Contentable-Elemente sind bekanntlich mit kniffligen Edge-Cases und Browserkompatibilitätsproblemen behaftet. Ihre Komponente ist höchstwahrscheinlich nicht offen und könnte nicht sein - sie ist wahrscheinlich zu tief in den Rest ihres Systems integriert. –

Antwort

2

Update:

Facebook veröffentlicht draft-js, die für den Aufbau von Texteditoren mit reagieren gemeint ist. https://github.com/facebook/draft-js

ursprüngliche Antwort, die jetzt veraltet ist:

Gehen Sie voran, es ist nichts Besonderes für diese.

hier sind einige Beispiele:

+1

Der obere Link gibt eine 404. Es sollte https://github.com/lovasoa/react-contteditable sein –

Verwandte Themen