Formatting HTML code

Question

aI have a relatively sophisticated model that I need to render in HTML.

The problem I have is that a single line from the model could be significantly long and this will make the HTML code hard to read. Indenting separate tags does not work because it will create undesired spaces in the middle of the data.

For example if I have data that renders like:

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

something like

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

The problem with this is obvious, the opening tag is at the end of the previous line.

Is there a better option to achieve this?

What is the code that generates the html? – Whistletoe Jul 24 '13 at 22:17 — Whistletoe, Jul 24 '13 at 22:17
Maybe NOT do inline-style? Generate a CSS instead – feitla Jul 24 '13 at 22:20 — feitla, Jul 24 '13 at 22:20

score 1 · Answer 1 · answered Jul 24 '13 at 22:22

1

It looks like your trying to avoid the space caused by the line breaks between span elements. If so you could try this trick. Still ugly but better than a single line.

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

answered Jul 24 '13 at 22:22

bryjohns

646
4
18

score 0 · Answer 2 · edited May 23 '17 at 12:22

0

Maybe take a look at this Remove whitespace and line breaks between HTML elements using jQuery

and see if having a little jquery clean up the line breaks for you will help

edited May 23 '17 at 12:22

Community

1
1

answered Jul 24 '13 at 22:22

feitla

1,334
1
7
12

Formatting HTML code

2 Answers2