Formatage du code HTML

Question

J'ai un modèle relativement sophistiqué que j'ai besoin de rendre en HTML. Le problème que j'ai est qu'une seule ligne du modèle pourrait être significativement longue et cela rendra le code HTML difficile à lire. L'indentation de tags séparés ne fonctionne pas car cela crée des espaces indésirables au milieu des données.

Par exemple, si j'ai des données qui rend comme:

<p style="..."><span style="...">...</span><span style="...">...</span><span style="...">...</span><span style="...">...</span></p> 

quelque chose comme

<p 
    style="..."><span 
     style="...">...</span><span 
     style="...">...</span><span 
     style="...">...</span><span 
     style="...">...</span> 
</p> 

Le problème est évident, la balise d'ouverture est à la fin de la ligne précédente.

Existe-t-il une meilleure option pour y parvenir?

Answer 1

Peut-être un coup d'oeil à ce Remove whitespace and line breaks between HTML elements using jQuery

et voir si d'avoir un peu jquery nettoyer les sauts de ligne pour vous aider à

Answer 2

On dirait que vous essayez d'éviter l'espace causé par les sauts de ligne entre span éléments. Si oui, vous pouvez essayer cette astuce. Toujours moche mais mieux qu'une seule ligne.

<span>a</span><!-- 
--><span>b</span><!-- 
--><span>c</span>