Kann nicht herausfinden, warum draft-js nicht angezeigt wird

Question

Ich folgte draft-js document, um eine sehr einfache Demo von draft-js zu erstellen.

Alles scheint gut zu funktionieren, aber wenn ich die URL in Chrome öffne, kann ich nur eine weiße leere Seite (es ist eine versteckte Editor-Komponente gibt es aber nicht sichtbar) sieht

kein Fehler gibt auf der Konsole des Browsers.

Das Demo-Projekt ist hier: https://github.com/js-demos/react-draft-js-demo, Sie können es klonen und folgen Sie der Readme, um es auszuführen.

Ich habe den Code sehr sorgfältig überprüft, kann aber nicht herausfinden, warum.

Answer 1

Hoffe, dass Sie es herausgefunden, wenn nicht (oder jemand anderes), für mich war die Lösung in zwei Schritten:

1. Laden Sie die Draft.css Datei und schließen Sie sie in Ihrem Quellcode.

2. Referenz der Datei in Ihrem index.html als solche:

   <link rel="stylesheet" href="./src/components/Draft.css" />

Mit anderen Worten, Ihr Problem mit dem Styling des Draft-js-Editor zu tun, war für Sie, da der Editor war "Versteckt", dh ohne erkennbare Box.

Answer 2

Wenn Sie nur den Beispielcode auf der offiziellen Website von Draft.js verwenden, sehen Sie nichts auf der Seite. Es ist nur ein leeres Texteingabefeld. Wenn Sie auf dieses Feld klicken, können Sie etwas eingeben. Draft.js ist kein Out-of-the-Box-Plugin, sondern ein "Framework zum Erstellen von Rich-Text-Editoren in React".