Nicedit in hidden div ist klein gegründet
-
13-12-2019 - |
Frage
Ich versuche, den Nicedit-Editor für ein in einer DIV verborgene Textarea zu verwenden.Wenn der Benutzer auf eine Schaltfläche klickt, wird das elegante Textarea-Elternteil-DIV angezeigt.Die Breite des TextArtaea ist auf 100% des übergeordneten Konzerns div eingestellt.Das Problem ist, dass das übergeordnete DIV verborgen ist, so dass die TexTrea keine Breite hat, bevor der Elternteil DIV offenbart wird.Wenn ich versuche, den NicedIt-Editor gleichzeitig anzusetzen, wie er die Eltern-DIV aufgibt, erscheint der Editor winzig.
generasacodicetagpre.Gibt es eine Möglichkeit, dies zu beheben, damit die Breite des Editors auf 100% des übergeordneten Unterteils div eingestellt ist, nachdem sie geladen wurde?
Lösung
$('#editorsID').width('100%');
ein.
oder vielleicht finden Sie die Breite von Eltern Div in Pixel und setzen Sie es darauf.
Andere Tipps
In meinem Fall funktionierte dies mit Jquery:
generasacodicetagpre.oder auf absolute Breite:
generasacodicetagpre.Die Antwort von @hans arbeitete mit mir ... aber ich musste dies auch hinzufügen, um den div zu ändern, der den bearbeiteten Text enthält (nur der Container rund um diese DIV, wurde in der Größe geändert, wenn nicht die Linie unten verwendet wird):
generasacodicetagpre.fügen Sie "-2" auf "Breite", wenn das Elternteil von TextArea prop "Padding-Links" oder "Padding-Right" hat.
Das funktionierte am besten für mich:
generasacodicetagpre.Das löst meinen Fall! Danke
generasacodicetagpre.Für diejenigen, die das gleiche Problem haben, habe ich das optimiert und es sieht völlig normal aus:
generasacodicetagpre.