Buongiorno, sto realizzando una specie di framework che permetta la realizzazione di single page Application, più o meno come Angular, con la diversità che ha un componente particolare.
In ogni caso, sto realizzando un componente che dovrebbe andare a prendere il codice inserito all'interno di un elemento con classe .uncode e ne codifica il testo in modo che non venga interpretato dal DOM.
Più o meno ci sono, perché alla fine per fare ciò mi basta iterare tutti gli elementi della pagina e fare un:
codice:
this.innerText = this.innerHTML;
E il codice html diventando testo non viene interpretato, però questo va a creare conflitto con l'indentazione in quanto se faccio così:
codice HTML:
<div class="uncode">
 <p>Testo non codificato in HTML</p>
</div>
Il testo viene appiccicato sul lato sinistro.
Se invece alla classe uncode aggiungo lo stile:
codice:
.uncode{
 white-space: pre;
}
Il testo assume l'indentazione che ha nel .html perciò se è dentro un paio di div il risultato è:
...............................<p>Testo non codificato in HTML</p>
A giro per la pagina

Esiste un modo jedi per rimetterlo in linea corretta?
Suppongo che il problema si debba trattare dalla parte JS
Grazie in anticipo