html - node - vuejs python backend
Django/VueJS/PostgreSQL fügt führende/nachgestellte Whitespace Tabs hinzu (1)
Ich habe ein Textfeld in Django, das ich unter Verwendung von Django-admin pflege, das die Erhaltung von Leerraum erfordert. Als Ergebnis habe ich es in ein <pre> </pre>
-Tag eingeschlossen, um dies beim Rendern mit vueJS
und vue-material
zu tun.
Der Whitespace scheint bei der Verwendung dieser Methode beibehalten zu werden, und wenn descrip
das descrip
meines Modells manuell in der python manage.py shell
der Whitespace tatsächlich in meiner db gespeichert.
Aus irgendeinem Grund gibt es jedoch eine rätselhafte führende Registerkarte für Leerzeichen am Anfang und am Ende meines HTML, wenn es hier angezeigt wird:
Und hier im HTML-Format:
Code Ausschnitte:
relevante HTML und CSS
<md-layout md-column md-flex-xsmall="100" md-flex-small="55"
md-flex-medium="70" md-flex-large="80" id="summary_block">
<md-layout >
<pre class="md-body">
[[ product.descrip ]]
</pre>
</md-layout>
</md-layout>
#summary_block > div.md-layout > pre {
white-space: pre-wrap;
word-wrap: break-word;
font-family: inherit;
}
Könnte das ein postgres
Problem sein? Wenn ja, warum würde das Leerzeichen nicht erscheinen, wenn man in der Python-Shell auf object.descrip
schaut?
Ich benutze postgres
, vuejs
, django
v 1.10
, python 3.5
und django
vue-material
wenn alles / alles hilft.
Es ist der white-space: pre-wrap;
wer verursacht dieses Verhalten?
Versuchen Sie stattdessen: white-space: normal;