html first Django/VueJS/PostgreSQL aggiungendo le schede degli spazi bianchi iniziali/finali



vue first app (1)

È lo white-space: pre-wrap; chi causa questo comportamento

Prova invece: white-space: normal;

Documentazione di Mozilla

Ho un campo di testo in Django Sto mantenendo l'uso di Django-admin che richiede la conservazione dello spazio bianco. Di conseguenza lo sto avvolgendo in un <pre> </pre> per eseguire questa operazione durante il rendering utilizzando vueJS e vue-material .

Lo spazio bianco sembra essere mantenuto quando si utilizza questo metodo e quando si guarda il campo descrip del mio modello manualmente in python manage.py shell la python manage.py shell viene effettivamente memorizzata nel mio db.

Tuttavia, per qualche ragione c'è una scheda di spazio bianco misteriosa che sta all'inizio e alla fine del mio HTML quando renderizzata, mostrata qui:

E mostrati nell'HTML qui:

Frammenti di codice:

html e css rilevanti

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

Potrebbe essere un problema postgres ? In tal caso, perché lo spazio bianco non dovrebbe apparire quando si guarda object.descrip nella shell python?

Sto usando postgres , vuejs , django v 1.10 , python 3.5 e vue-material se tutto / tutto ciò aiuta.