html - gabarit - django template example

Django/VueJS/PostgreSQL ajoutant des onglets d'espaces avant/arrière (1)

C'est l' white-space: pre-wrap; qui provoque ce comportement.

Au lieu de cela, essayez: white-space: normal;

J'ai un champ de texte dans Django que je gère en utilisant Django-admin qui nécessite la préservation de l'espace blanc. Par conséquent, je l'entoure d'une <pre> </pre> pour ce faire lors du rendu avec vueJS et vue-material .

Les espaces blancs semblent être conservés lors de l'utilisation de cette méthode, et en regardant le champ descrip de mon modèle manuellement dans python manage.py shell les espaces sont en effet stockés dans ma base de données.

Cependant, pour une raison quelconque, il y a un mystérieux premier onglet espace blanc à la fois au début et à la fin de mon HTML lors du rendu, montré ici:

Et apparaître dans le code HTML ici:

Extraits de code:

html et css pertinents

  <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;
}

Serait-ce un problème postgres ? Si oui, pourquoi les espaces object.descrip en regardant object.descrip dans le shell python?

J'utilise postgres , vuejs , django v 1.10 , python 3.5 et vue-material si tout / tout cela aide.