css white-space-Eigenschaft in der textarea?
Ich will das white-space
CSS-Eigenschaft in einem HTML -textarea
.
Grundsätzlich, wenn jemand Typen eine Menge von text mit Zeilenumbrüchen in einer textarea
, und übermittelt dann diese Daten werden in MySQL gespeichert, ich möchte das white-space
CSS-Eigenschaft display diese Zeilenumbrüche in der textarea. Aber wenn ich es versuche, es funktioniert nicht und zeigt nur den text mit allen zusammen in einem großen Absatz, ohne Pausen oder sonst was. Gibt es eine Möglichkeit, dies zu tun?
<form action="includes/changebio.php" method="post" id="form1">
<textarea id="bio" style="width: 440px;
margin-top:3px;
text-align:left;
margin-left:-2px;
height: 120px;
resize: none;
outline:none;
overflow:scroll;
**white-space:pre-line;**
border: #ccc 1px solid;" textarea name="bio" data-id="bio" maxlength="710" placeholder="<?php echo stripslashes($profile['bio']); ?>"></textarea>
<input type="image" src="assets/img/icons/save-edit.png"class="bio-submit" name="submit" value="submit" id="submit"/>
</form>
- Was ist dieses "es", das "zeigt den text mit allen zusammen in einem großen Absatz"? Es klingt wie Ihr problem in der Verarbeitung der übermittelten Benutzereingaben, die nicht in das styling eines
textarea
element. Das element, wie gezeigt, in der Beispiel-code, der keinen Inhalt hat.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Als ich gesehen habe, es ist, weil Ihre textarea-erbt ein white-space:nowrap von etwas. Es kann auch kompliziert sein, die von einem wrap="no" auf die Texteingabefelder, die nützlich sein können manchmal.
Ist das Standardverhalten für ein textarea-nowrap ist pre, so einfach festlegen das css wie oben, unten Ihre Stile überschreiben überall, die Einstellung der weißen Flächen.
Wenn Sie überprüfen Sie Ihre textarea-element, werden Sie sicherlich finden, dass irgendwo in der Hierarchie bist du die Einstellung der nowrap-Eigenschaft irgendwo auf irgendeine Art von element, das überschreiben der Standard-textarea Verhalten.
Nicht.
<textarea>
Elemente, die bereits Griff whitespace-buchstäblich. Es gibt keine Notwendigkeit, zu versuchen und nehmen die Dinge in Ihre eigenen Hände.white-space
Eigenschaft insgesamt.Dinge, die scheinen ok zu arbeiten für mich... Warf diese in einen codepen nur um es zu testen. Newline-Zeichen werden gut innerhalb der textarea, wenn Sie direkt aufgenommen.
Weiß nicht, was Los ist. Ist die PHP-stripping "newline" - Zeichen? Verwenden Sie doppelte Anführungszeichen um, was Sie sich im Vorbeigehen durch $Profil['bio']?
Hier ist eine Antwort, die Ihnen helfen könnten: Die .val() eine textarea nicht nehmen, die neuen Linien in Betracht
Die Letzte Antwort, insbesondere. Basierend auf deinem code, es klingt nicht wie die .replace () - Methode ist, was Sie brauchen (aber ich könnte falsch sein... vielleicht bin ich auch nicht verstehen, was Sie tun).