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.